¿Cómo elegir la mejor fuente en css3

Texto, como una presentación abstracta de conceptos concretos, ideas y objetos, requiere fuentes de presentación. La fuente elegida en CSS3 para el texto hace a menudo tanto para transmitir una idea como el texto mismo. Pasa algún tiempo buscando en las tarjetas de felicitación y te encuentras con que los proveedores de estas misivas utilizan fuentes de presentar el mensaje de una forma única.

Una fuente suave acompaña un mensaje-romántica una fuente cómica nos ayuda a reírnos de un mensaje divertido. Puede encontrar fuentes en línea tales como Onextrapixel que se ven en la psicología detrás de usar una fuente. La siguiente lista no ayuda a entender las propiedades CSS estándar a su disposición para obtener el acceso a las fuentes y el uso de ellos en una página (en sus propias páginas, asegúrese de usar la capitalización se muestra):

  • Familia tipográfica: Define el nombre de la fuente. Hay tres clasificaciones de fuentes generalmente utilizadas como parte de CSS (y la mayoría de las páginas de CSS utilizan las tres menos que también se especifica el src propiedad):

  • Específica: Proporciona una presentación precisa donde se utiliza. Por ejemplo, cuando se especifica Arial como fuente, usted sabe que va a tener una presentación específica de todo el mundo que lo utilice. Una fuente específica se debe instalar en un sistema o el navegador lo ignorará.

  • Safe Web: Se trata de un tipo de fuente que proporciona una presentación menos precisa, pero es más probable que aparezca en la máquina del usuario. Lo que en realidad está pidiendo es una de varias fuentes que tienen apariencias similares. La presentación es a menudo bastante cercano al original que el usuario no se dará cuenta.

  • Genérico: Una fuente no específica que se ajuste a la descripción general de un tipo de fuente. Tales nombres de fuentes incluyen cursiva, fantasía, monoespacio, sans-serif y serif. Lo que en realidad terminan viendo en pantalla puede no transmitir gran parte del mensaje original en absoluto, pero estas selecciones están garantizados para trabajar en todas las plataformas.

  • tamaño de fuente: Determina el tamaño de la fuente en comparación con otras fuentes de la página, o proporciona un tamaño de fuente específico. Puede utilizar una de estas técnicas para definir el tamaño de la fuente:

    • Tamaño específico: Al igual que con la mayoría de los objetos de estilo CSS, puede especificar un tamaño exacto para una fuente, con píxeles, el ccsme, o alguna otra medida absoluta o relativa.

    • Porcentaje: Define el tamaño de la fuente como un porcentaje del tamaño de la fuente del elemento padre. Especificación de un tamaño superior a 100% aumenta el tamaño de la fuente, especificando un valor por debajo de 100% disminuye el tamaño de la fuente.

    • Palabra clave: Especifica el tamaño de la fuente utilizando términos relativos:-xx pequeño, x pequeño, pequeño, mediano, grande, x-grande, de xx grande, más pequeño, más grande, y heredar (donde el tamaño de la fuente se hereda de los padres).

    • Estilo de fuente: Determina el estilo de la fuente que crea el navegador. El navegador debe ser compatible con el estilo y el tipo de letra debe suministrar el estilo para que esta propiedad tenga efecto. Las palabras clave de estilo de fuente son: normal, itálico, oblicuo (normalmente un cursiva más fuerte), y heredar.

    • font-variant: Especifica si el tipo de letra debe ser presentada en una forma variante. No todos los navegadores y fuentes compatibles con esta función. Las palabras clave de esta propiedad son normal, small-caps, y heredar.

    • font-weight: Determina la oscuridad relativa de la fuente y el ancho de sus trazos. Hay dos métodos para definir el peso de la fuente:

      • Numérico: Un valor que especifica el peso relativo de la fuente donde un valor de 400 es normal y 700 es negrita. Los valores numéricos son: 100, 200, 300, 400, 500, 600, 700, 800 y 900. En la mayoría de los casos, usted debe utilizar los números con precisión como se especifica aquí - un navegador puede ignorar un valor de 150.

      • Palabra clave: Especifica el grosor de fuente utilizando términos relativos: normal, negrita, más audaces, más ligeros, y heredar.