Por lo general, el estilo de la página visto por los usuarios será controlado por tres capas. Al igual que CSS, la prioridad detrás es más alta que la anterior, lo que significa que el estilo de definición de la página web puede anular el estilo predeterminado del navegador, mientras que el estilo definido por el usuario tiene la más alta prioridad. La situación real es que, aunque los navegadores proporcionan más o menos funciones de estilo definidas por el usuario, muy pocos usuarios las personalizarán y generalmente se usan como usuarios avanzados. El estilo predeterminado del navegador a menudo es diferente en diferentes navegadores, diferentes versiones de idioma e incluso diferentes versiones del sistema. Para intentar reescribir la configuración predeterminada del navegador para garantizar la consistencia del estilo de cada navegador.
Tome las fuentes como ejemplo. como esto. Por lo tanto, necesitamos establecer el estilo de fuente predeterminado de manera uniforme para lograr efectos de visualización consistentes para garantizar un diseño constante y mejorar la eficiencia del desarrollo.
En el futuro, prepárese para usar los siguientes estilos de fuente predeterminados:
cuerpo{
fuente: 12px/1.5 arial;
}La mayoría de los personajes de nuestra página están en chino. y copiar los caracteres, por lo que generalmente esperamos usar CSS para mostrarlos en mejores estilos de fuentes, y luego usar la fuente de canciones para mostrar símbolos chinos y chinos. La razón por la que elegí Arial es porque:
Tanto Windows como Mac tienen esta fuente preinstalada, que debería ser la fuente web más utilizada. Sus posibles rivales tahoma y helvetica no tienen tanta suerte.
Los profesionales del diseño visual pueden pensar que usar font: 12px/1 Tahoma, Helvetica, Arial, "5b8b4f53", sans-serif; en Windows y Helvetica en Mac es mejor. font: 12px/1 Tahoma, Helvetica, Arial, "5b8b4f53", sans-serif; Esta es una gran opción, pero también encontrará que las nuevas versiones de Google, Yahoo, YouTube, Bing e incluso MSN usan arial como la primera fuente predeterminada. Por lo tanto, en términos de estética y legibilidad, arial debe ser completamente aceptable.
En términos generales, la configuración de la familia de font-family:arial,sans-serif; establecerá una familia de fuentes común al final para garantizar su seguridad. La codificación es GBK, IE8 hará las fuentes de las canciones debido a sans-serif sans-serif lo que causa la deformación de las fuentes.
Debido a que la elección de las fuentes chinas es muy limitada, todos los navegadores convencionales actualmente usan la fuente de canciones para mostrar chino. La página de inicio de Baidu y la página de resultados de búsqueda usan font-family:arial; Algunas personas pueden notar que la fuente china mostrada por la versión china de Firefox es Microsoft Yahei. También se debe a situaciones similares que es muy importante para nosotros diseñar páginas web de manera flexible.
Uno de los problemas que conducirán al uso de fuentes en inglés como la primera fuente predeterminada es el problema de alineación en chino e inglés y mezcla de símbolos. Si cambia la fuente, puede resolver completamente el problema. Obviamente, este problema solo ocurre en IE. Por lo tanto, si su sitio web rara vez usa inglés, números y símbolos en inglés, también es una opción muy razonable establecer {font-family:5b8b4f53;} directamente.
12PX es el límite de la pantalla de Songtung. Dado que Song Font es básicamente la única fuente web universal que muestra chino actualmente, 12px se ha convertido en el tamaño de fuente más utilizado. Por supuesto, podemos modificar este valor predeterminado de acuerdo con las necesidades del producto.
No es necesario considerar diseños basados en el tamaño de la fuente (EM).
En la versión china después de Chrome 3.0, el tamaño mínimo de fuentes es de 12 px.
Este es un valor de experiencia. Por ejemplo, en la fuente de Yui, es font:13px/1.231 arial,helvetica,clean,sans-serif; es 1.231 veces la fuente predeterminada. Para los chinos, los tamaños de fuentes comúnmente utilizados, como 12px, 14px, 16px, 18px, etc., que establecen la altura de la línea en un número uniforme en IE6 e IE7 también puede resolver el problema de las fuentes en algunos casos especiales.
En IE6 e IE7, el valor alto de la línea debe ser mayor que 2px de la fuente para garantizar la visualización completa de la fuente o para mostrar de manera efectiva el subrayador cuando es un enlace.
Al establecer line-height , tenga cuidado de no usar unidades (incluido el %), porque los nodos infantiles heredarán el valor calculado de algodón de line-height . Sin cambiar con el tamaño de la fuente, y el valor sin unidad es un múltiplo del font-size del contenedor, por lo que establecerlo en un valor sin unidad es la mejor opción.
La altura de línea CSS en profundidad es muy útil para comprender line-height y vale la pena leer.
La mayoría de las plataformas tienen arial , lo que reduce el tiempo de búsqueda de los navegadores.
Código mínimo y fácil de escribir. arial es básicamente la fuente con el nombre más corto, que puede guardar el tamaño de CSS.
Todas las letras son minúsculas, y Google actualmente hace esto, con la ventaja de que se pueden escribir más rápido y mejorar la eficiencia de la compresión de GZIP.
Es mejor usar {font-family:5b8b4f53;} para expresarlo {font-family:5fae8f6f96c59ed1;} chino. . Este beneficio es evitar la codificación.
Use el tipo de fuente correcto para escribir, evite las comillas, lo que puede reducir el tamaño del CSS. Las fuentes chinas se pueden escribir de la manera anterior.
A través de la prueba de la disposición mixta de chino e inglés y símbolos, descubrí que Microsoft Yahei realmente funcionó bastante bien, incluidos los números en inglés y los caracteres ingleses, así como los efectos de visualización de IE6 e IE7, pero el único arrepentimiento es que si Microsoft Yahehee Yahehe se instala en XP Si los usuarios con fuentes negras no encienden la opción "Bordes suaves de las fuentes de pantalla", será muy borrosa y difícil de reconocer con Firefox, Safari, Opera y especialmente IE6. Actualmente no hay buena solución a este problema, por lo que solo es posible usarlo formalmente hasta que la relación de uso IE6 sea muy pequeña. Tal vez sea necesario hasta 2014, cuando XP muera.
Aunque @Font-Face se encontró muy temprano, el soporte del navegador, la velocidad de la red y los problemas comerciales rara vez se han utilizado. La buena noticia sobre las fuentes recientemente es que Firefox 3.6 admitirá la forma de fuente web. Para obtener información relevante sobre el futuro de las fuentes web, puede ver el futuro de las fuentes web, sobre las fuentes web: la situación actual y el futuro, y hablar sobre la situación actual y el futuro de las fuentes web.