Tecnología

Inicio

¿Cómo encontrar nombres de fuentes familiares para CSS

¿Cómo encontrar nombres de fuentes familiares para CSS


nombres de familias de fuentes identifican fuentes en las hojas de estilo en cascada o CSS. Dado que muchas fuentes tienen variaciones, los diseñadores utilizar el nombre de la familia, como Arial, Helvetica o Verdana, en lugar del nombre específico de un tipo de letra, como Arial o Verdana Negro negrita. Encontrar el nombre de la familia para un tipo de letra es sencilla debido a que el apellido es el nombre de esa fuente y todas sus variantes tienen en común. familias de fuentes genéricas, tales como sans serif y monospace, existen de que, cuando se nombran en el CSS, el navegador permite escoger un tipo de letra predeterminado dentro del estilo establecido.

Instrucciones

1 Haga clic en el botón "Inicio" en la barra de tareas, de tipo "fuentes" en la barra de búsqueda y presiona "Enter" para abrir la carpeta Fuentes. Buscar la fuente que desea utilizar y tomar nota de su nombre. Por ejemplo, Arial --- una fuente común de Windows --- tiene muchas variaciones de la fuente, junto con un nombre genérico de "Arial". Utilice el nombre de la familia de letra Arial de utilizar la fuente Arial genérico, o especificar Arial Narrow utilizar esa fuente específica. En la práctica, se debe utilizar un nombre de familia genérica de fuentes durante la mayor parte del texto del cuerpo de un sitio y luego utilizar fuentes más específicas para las cabeceras.

2 Añadir un nombre de familia genérica de fuentes a su pila de la fuente. pilas de fuente son listas de familias de fuentes en CSS y diseñadores de páginas web que utilizan fuentes como copia de seguridad para que los visitantes no tienen el tipo de letra más preferido instalado en su ordenador. Utilice el nombre genérico de "serif" para poner fin a las pilas de fuente que comienzan con las fuentes serif como Georgia o Times New Roman, y el uso de "sans serif" para poner fin a las pilas de fuente que comienzan con fuentes como Helvetica o Verdana. Otros nombres genéricos incluyen "espacio sencillo", "cursiva" y "fantasía". Tenga en cuenta que los nombres de familia genérica de fuentes son irrelevantes cuando incrusta una fuente utilizando @ font-face.

3 Añadir comillas alrededor de nombres de familias de fuentes que son más de una palabra larga. Una sola palabra de nombres de fuentes como Arial o Georgia no requieren comillas. Puede utilizar comillas simples o dobles, pero tenga cuidado al mezclar tipos de cotización ya que esto puede conducir a errores. Aquí está un ejemplo de cómo las fuentes se nombran en CSS:

body {font-family: "Helvetica Neue", Arial, sans-serif; }

La pila de la fuente anterior especifica que el navegador debe buscar Helvetica Neue primero. Diseñadores eligen este tipo de letra, ya que no existe en las computadoras de Windows que muestran regular Helvética de una manera fea. Los usuarios de Windows verán Arial. Cualesquiera otros usuarios verán una fuente predeterminada de sans serif basa en su configuración del navegador.

Consejos y advertencias

  • Algunos diseñadores famosos, tales como Paul Irish y Chris Coyier, sugieren ahora acabar con pilas de fuente y nombrar solamente las familias de fuentes genéricas, especialmente en el caso de la Helvetica, Arial y pila de sans serif común. Se trata de respetar la configuración del usuario y, en el caso del ejemplo de pila de sans serif, para salvar a los diseñadores vez desde la mayoría de los navegadores escogen aquellas fuentes de todos modos.