¿Cómo encontrar nombres de la familia de fuente para css

Obtener el nombre de la familia de la fuente de la propia fuente.

Obtener el nombre de la familia de la fuente de la propia fuente.

Vídeo: (CSS) Como poner cualquier tipografia/fuente en tu web ( @Font-Face )

Familia de fuentes nombres 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 la fuente y de que 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.

Haga clic en el "comienzo" botón en la barra de tareas, el tipo "fuentes" en la barra de búsqueda y presiona "Entrar" para abrir la carpeta de 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." Utilizar el apellido 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 para la mayor parte de texto del cuerpo de un sitio y luego usar fuentes más específicas para los encabezados.

Vídeo: 10. Tipos de Letra en CSS

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. Utilizar el nombre genérico "serif" para acabar con pilas de fuente que comienzan con las fuentes serif como Georgia o Times New Roman, y el uso "sans-serif" para acabar con pilas de fuente que comienzan con fuentes como Helvetica o Verdana. Otros nombres genéricos incluyen "espacio sencillo," "cursivo" y "fantasía." Tenga en cuenta que los nombres de familia genérica de fuentes son irrelevantes cuando incrusta una fuente utilizando @ font-face.

Vídeo: Como saber el nombre de una fuente o tipo de letra│Bien explicado Sin programas 2017

Añadir comillas alrededor de nombres de familias de fuentes que son más de una palabra larga. De una sola palabra 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 los ordenadores 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 su basa en la configuración del navegador.

Propina

  • comprobar Algunos diseñadores famosos, 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. Este es el respeto a 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 de recoger esas fuentes de todos modos.

Vídeo: Reconocer fuentes en Photoshop con Match Font

referencias

  • enlazar W3C: font-family
  • enlazar Smashing Guía Magazine- a CSS Fuente Pilas --- Técnicas y Recursos- Cameron Chapman- de septiembre 2009
  • enlazar CSS-trucos: sans-serif

Sobre el Autor

Sara Williams vive en el oeste de Nueva York, donde es un diseñador web freelance y escritor de contenido. Ella se especializa en el diseño web, desarrollo y temas en hardware informático. Williams tiene un Asociado en Ciencias Aplicadas en los sistemas informáticos de información.

Artículos Relacionados