18 votos

Especificar el Estilo y el Peso de Fuentes de Google

Estoy utilizando fuentes de Google en algunas de mis páginas y se golpeó contra una pared al intentar utilizar variaciones de una fuente. Ejemplo: http://www.google.com/webfonts#QuickUsePlace:quickUse/Family:Open+Sans

Yo soy la importación de tres caras, Normal, Negrita, ExtraBold a través de la etiqueta de enlace. La normal de la cara se muestra correctamente, pero no puedo averiguar cómo utilizar las variantes de la fuente en mi CSS

He probado todos los de la siguiente, como atributos de fuente-familia, pero no dice:

  • 'Open Sans Bold'
  • 'Open Sans 700'
  • 'Open Sans Bold 700'
  • 'Open Sans:Bold'

Los documentos de google docs en sí no ofrece mucha ayuda. Alguien tiene una idea de cómo debo escribir mis reglas CSS para mostrar estas variantes?

34voto

Marco Johannesen Puntos7863

Que el uso regular de la CSS.

Sólo tiene que utilizar su fuente regular de la familia como esto:

font-family: 'Open Sans', sans-serif;

Ahora a decidir qué "peso" de la fuente debe tener por la adición de

para semi-bold

font-weight:600;

para la negrita (700)

font-weight:bold;

para extra bold (800)

font-weight:800;

Como esta su reserva de prueba, por lo que si la fuente de google debe "fail" de la copia de seguridad de fuente Arial/Helvética(Sans-serif) utilizar el mismo peso que la fuente de google.

Bastante inteligente :-)

Iteramos.com

Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programación mas allá del inglés.
Tenemos una gran cantidad de contenido, y también puedes hacer tus propias preguntas o resolver las de los demás.

Powered by: