Fuentes Globales - Oxygenados La comunidad
Oxygenados La comunidad hispana
Recoda White Full Logo
Patrocinador
Menu
post oxygen builder

Fuentes Globales

Fuentes Globales
21 de julio de 2021
Oxigenados Tip del dia

En lugar de configurar el tipo de letra en cada elemento individual, puede configurar los tipos de letra de forma global desde Settings > Global Styles > Fonts.

Para establecer un tipo de letra para los encabezados, selecciona en la lista de Display font . Para establecer un tipo de letra para el resto del texto, selecciónelo en la lista Text font .

Por defecto, los elementos de encabezado en Oxygen utilizarán la fuente Display font ay los elementos de texto utilizarán  Text font.

Puedes anular esto en cada elemento eligiendo explícitamente Display o Text fen el desplegable de la familia de fuentes.

USO DE GOOGLE FONTS

Las fuentes de Google pueden usarse con Oxygen sin ninguna configuración especial. Todas las fuentes de Google Fonts están disponibles en todas las listas de familias de fuentes de Oxygen. Como hay tantas fuentes en Google Fonts, mostrarlas todas a la vez en la lista de Familias de Fuentes no sería práctico. Para utilizar una fuente de la biblioteca de Google, sólo tiene que empezar a escribir el nombre de la fuente y ésta aparecerá en el menú desplegable.

Selector Weight/Italic Google Fonts

Por defecto, si utilizas una fuentes de Google en Oxygen, todos los pesos de las fuentes están disponibles y se cargan siempre que se utilicen en alguna parte de la página o entrada que estés viendo en ese momento.

El nuevo selector de pesos/itálicas de Google Fonts te permite especificar los pesos exactos (y si se cargan las cursivas) que deseas utilizar, y sólo se cargan esos pesos independientemente de los pesos elegidos para los elementos de texto de tu sitio. Para utilizar el selector de pesos/itálicas de Google Fonts:

  1. Ir a Manage -> Settings -> Global Styles -> Fonts.
  2. Elige una fuente de Google para una de las opciones de fuentes existentes o añade una nueva.
  3. Una vez que haya elegido una fuente de Google, haga clic en el enlace weights del menú desplegable.
  4. Marca las casillas de verificación de cada peso/índice que quieras cargar.

Al marcar estas casillas, está indicando a Oxygen que sólo cargue los pesos seleccionados. De este modo, si un elemento de texto se ha configurado con un peso de 400, pero sólo ha elegido pesos de 300 y 700 en el selector de peso/itálica de Google Fonts, el navegador cargará el peso más cercano disponible (en este ejemplo, 300) cuando se renderice ese elemento de texto.

Además, al elegir la cursiva en el selector de peso/Itálica de Google Fonts, se cargará la cursiva verdadera de Google. Si no se elige la cursiva, el navegador mostrará el texto configurado en cursiva (en Advanced -> Typography) con una cursiva falsa al sesgar la fuente.

USO DE FUENTES WEB PERSONALIZADAS

Las fuentes web personalizadas (.woff, etc.) pueden cargarse utilizando el plugin Elegant Custom Fonts .

Las fuentes añadidas con este plugin aparecerán automáticamente en los desplegables de fuentes de Oxygen.

Elegant Custom Fonts es la mejor manera de utilizar fuentes personalizadas con WordPress, y fue creado por el mismo equipo de desarrollo que construyó Oxygen.

USO DE FUENTES DE ADOBE

You can connect Oxygen to your Adobe Fonts account from the Oxygen -> Settings -> Typekit page in your WordPress admin panel.

Puedes conectar Oxygen a tu cuenta de Adobe Fonts desde la página Oxygen -> Settings -> Typekit en tu panel de administración de WordPress.

USO DE FUENTES WEB DESDE UN SERVICIO ALOJADO

Para utilizar fuentes web alojadas en un servicio distinto a Google Fonts o Typekit, sigue las instrucciones de ese servicio. Para incrustar las fuentes en tu sitio, normalmente te darán un código JavaScript que deberás pegar en tu cabecera HTML.

Para que las fuentes aparezcan en los desplegables de familias de fuentes de Oxygen, simplemente introduzca el nombre de la familia de fuentes en Elegant Custom Fonts, pero no especifique ninguna regla @font-face, ya que éstas provienen del servicio alojado.

Las fuentes aparecerán entonces en todos los desplegables de familias de fuentes de Oxygen.

También puede utilizar este truco para utilizar las fuentes del sistema con Oxygen.

TRUCOS CON PARTES REUTILIZABLES

Para utilizar una fuente en una pieza reutilizable, debe añadirse a Settings -> Global Styles -> Fonts.

Simplemente eligiéndola en el desplegable de Familia de Fuentes no funcionará en una parte reutilizable si la fuente no está también presente en Settings > Global Styles > Fonts como fuente de visualización, fuente de texto u otra fuente.

MÁS INFORMACIÓN

https://practicaltypography.com/typography-in-ten-minutes.html

Última modificación: 20 de junio de 2020
VOLVER AL LISTADO COMPLETO