El estilo de los caracteres de texto de tu web se conoce como fuente. Con esta guía, aprenderás a elegir las fuentes para tu sitio.
En esta guía
Los sitios con nuestros planes Premium, Business y Commerce pueden elegir entre una amplia selección de fuentes para su web, pero no pueden subir sus propias fuentes personalizadas.
Para subir fuentes personalizadas e instalar estilos de fuente de Google Fonts, actualiza al plan Business o Commerce.
Puedes cambiar las fuentes de tu sitio siguiendo los pasos que se indican a continuación.
Para determinar qué sección de esta guía debes seguir, ve al escritorio y consúltalo en la opción Apariencia situada a la izquierda. Si aparece Editor, deberás utilizar la sección Editor del sitio de esta guía. Si aparece otra opción, deberás utilizar las instrucciones del Editor de páginas o del Personalizador.
Si tu sitio utiliza un tema compatible con el editor del sitio, puedes utilizar la opción Estilos para cambiar las fuentes de tu sitio. Para cambiar las fuentes de tu sitio, sigue estos pasos:
- Visita tu escritorio de WordPress.com.
- Ve a Apariencia → Editor.
- Haz clic en Estilos, situado a la izquierda, o elige el icono Estilos que parece un círculo blanco y negro.
- Elige la opción «Tipografía».
- Elige entre los siguientes elementos de texto de tu sitio:
- Texto
- Enlaces
- Encabezados
- Descripciones
- Botones
- Haz clic en el menú desplegable «Fuente» y elige la fuente que desees. El texto se actualizará a la fuente que hayas elegido para que veas cómo queda.
- Haz clic en el botón «Guardar».
Estos pasos se muestran en el siguiente video:
Consulte nuestra guía de estilos para obtener información más detallada sobre todo lo que puedes hacer para ajustar la apariencia del texto en tu web.
Al elegir las fuentes, verás opciones para configurarlas para todo tu sitio, no solo para páginas individuales o líneas de texto concretas. Una práctica recomendada en materia de diseño es que las webs se ven mejor cuando existe una coherencia entre las fuentes de todo el sitio. Un sitio con muchas fuentes diferentes puede ser difícil de gestionar.
Para destacar un texto, puedes hacerlo de otras maneras, como aplicar diferentes colores, utilizar un Encabezado o un bloque Cita, o insertar una imagen.
Esta sección de la guía se aplica a los sitios con el plan Business y Commerce de WordPress.com, y el plan Pro heredado. Si tienes un plan Business, asegúrate de activarlo. Para los sitios con los planes gratuito, Personal y Premium, mejora tu plan para acceder a esta función.
Encontrarás una gran selección de estilos de fuente para tu web. Si quieres que haya más fuentes entre las que elegir, puedes instalar o subir fuentes personalizadas directamente a través del Editor del sitio.
Nuestra guía te mostrará cómo instalar, subir y gestionar fuentes personalizadas.
Flash of Unstyled Text (FOUT) es cuando una fuente diferente aparece brevemente antes de que aparezca la fuente elegida. En las conexiones más lentas, el texto se muestra primero en la fuente por defecto del tema. De esta manera, los usuarios pueden empezar a leer tu contenido antes de que se cargue la fuente elegida, en lugar de tener que esperar mirando una página en blanco. Puede que aparezca una fuente diferente antes de que la página termine de cargarse, pero esta opción es mejor para los espectadores con conexiones más lentas que ver una pantalla en blanco.
Si no quieres que esto ocurra, puedes añadir este código CSS a tu sitio con planes elegibles con el editor de CSS en Apariencia → Personalizar → CSS adicional:.wf-loading body { visibility: hidden; }
ohtml:not(.wf-active) body { display: none; }
Todas las solicitudes de servicio de Google Fonts utilizadas en los temas de WordPress.com se proporcionan a través de los servidores de WordPress.com y ya no utilizan la CDN/FDN de Google. Este cambio entró en vigor en diciembre de 2022.
Si tu sitio utiliza un plugin personalizado o un tema de terceros, comprueba con los desarrolladores del plugin o del tema que no proporcionan Google Fonts a través de la CDN/FDN de Google. Para obtener más información sobre el RGPD, consulta este enlace.
