css - otf - Especificación de estilo y peso para las fuentes de Google
fuentes html para web (3)
Estoy usando fuentes de Google en algunas de mis páginas y choco contra una pared cuando trato de usar variaciones de una fuente. Ejemplo: http://www.google.com/webfonts#QuickUsePlace:quickUse/Family:Open+Sans
Estoy importando tres caras, Normal, Negrita, ExtraBold a través de la etiqueta de enlace. La cara normal se muestra correctamente, pero no puedo entender cómo usar las variantes de la fuente en mi CSS
Intenté todo lo siguiente como atributos para la familia de fuentes pero no para los dados:
- ''Open Sans Bold''
- ''Open Sans 700''
- ''Open Sans Bold 700''
- ''Open Sans: Bold''
Los documentos de google no ofrecen mucha ayuda. ¿Alguien tiene una idea de cómo debería escribir mis reglas de CSS para mostrar estas variantes?
Usan CSS regularmente.
Simplemente use su familia de fuentes habitual de esta manera:
font-family: ''Open Sans'', sans-serif;
Ahora decide qué "peso" debería tener la fuente al agregar
para semi-negrita
font-weight:600;
para negrita (700)
font-weight:bold;
para en negrita extra (800)
font-weight:800;
Al igual que esta es una prueba alternativa, por lo que si la fuente google "falla" su fuente de respaldo Arial / Helvetica (Sans-serif) usará el mismo peso que la fuente google.
Muy inteligente :-)
Tenga en cuenta que los diferentes pesos de fuente deben importarse específicamente a través de la url de etiqueta de enlace (param familiar de la url de la fuente de google) en el encabezado.
Por ejemplo, el siguiente enlace incluirá ambos pesos 400 y 700:
<link href=''fonts.googleapis.com/css?family=Comfortaa:400,700''; rel=''stylesheet'' type=''text/css''>
puede usar el valor de peso especificado en Google Fonts.
body{
font-family: ''Heebo'', sans-serif;
font-weight: 100;
}
font-family:''Open Sans'' , sans-serif;
Para la luz: font-weight : 100; O font-weight : lighter;
Para normal: font-weight : 500; O font-weight : normal;
Para negrita: font-weight : 700; O font-weight : bold;
Para más audaz: font-weight : 900; O font-weight : bolder;