¿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 a menudo hace tanto para transmitir una idea como el propio texto. Pasa algún tiempo mirando tarjetas de felicitación y encuentra que los proveedores de estas misivas utilizan fuentes para presentar el mensaje de una forma única.
Video: (CSS) Como poner cualquier tipografia/fuente en tu web ( @Font-Face )
Una fuente transferible acompaña un mensaje-romántica una fuente cómica ayuda a reír en un mensaje divertido. Usted puede encontrar las fuentes en línea tales como Onextrapixel que se centran en la psicología detrás de usar un tipo de letra. La siguiente lista ayudará a entender las propiedades CSS estándar a su disposición para obtener 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 utilizados normalmente como parte de CSS (y la mayoría de las páginas CSS utilizan las tres menos que también especifique el src propiedad):
Específico: 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 en todas partes que lo utilice. Una fuente específica debe estar instalado en un sistema o en el navegador lo ignorará.
Safe Web: Este es 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 se está solicitando es una de varias fuentes que tienen una apariencia similar. La presentación es a menudo bastante parecido al original que el usuario no se dará cuenta.
Genérico: Una fuente no específica que se adapte a una descripción general de un tipo de fuente. Tales nombres de fuentes incluyen cursiva, fantasía, espacio sencillo, sans-serif y serif. Lo que en realidad terminan viendo en pantalla puede no transmitir la mayor 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 cuando se compara 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 CSS, puede especificar un tamaño exacto para un tipo de letra, con píxeles, EMS, 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 fuente, la especificación de un valor por debajo de 100% disminuye el tamaño de fuente.
Video: ¿Cómo elegir tu próxima fuente de alimentación?
Palabra clave: Especifica el tamaño de fuente utilizando términos relativos: XX-pequeño, x-pequeño, pequeño, mediano, grande, x-grande, xx-grande, más pequeño, más grande, y heredar (donde el tamaño de fuente se hereda de la madre).
Estilo de fuente: Determina el estilo de fuente que crea el navegador. El navegador debe ser compatible con el estilo y el tipo de letra debe suministrar el estilo con el fin de esta propiedad para tener 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 la fuente 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, letras minúsculas, y heredar.
Video: 10. Tipos de Letra en CSS
font-weight: Determina la oscuridad relativa de la fuente y de la anchura de sus golpes. Hay dos métodos para definir el peso de la fuente:
Numérico: Un valor especificando el peso relativo de la fuente donde un valor de 400 es normal y 700 está en negrita. Los valores numéricos son: 100, 200, 300, 400, 500, 600, 700, 800 y 900. En la mayoría de los casos, debe utilizar las cifras con exactitud como se especifica aquí - un navegador puede ignorar un valor de 150.
Palabra clave: Especifica el peso de la fuente usando términos relativos: normal, negrita, más audaz, más ligero, y heredar.