Aprende a usar CSS para cambiar atributos de fonte
Fontes e CSS
CSS é a forma máis efectiva de axustar as fontes na súa páxina web. Pode controlar a familia da fonte , tamaño, cor, peso e moitos outros aspectos da tipografía.
As propiedades de fonte en CSS son unha das formas máis comúns de facer a túa páxina máis distintiva e única. É fácil cambiar a cor, o tamaño e mesmo a cara (a fonte en si) do seu texto con propiedades de fonte CSS .
- cor
- font-family
- tamaño de letra
Hai tres partes dunha fonte:
- cor
- Esta é a cor da fonte que se mostrará como na pantalla.
- tamaño
- Así é grande ou pequeno que a tipografía aparecerá na pantalla.
- rostro
- Esta é a familia de fontes, o que moitas veces se chama a fonte real.
Cores de fontes
Para cambiar a cor do texto, simplemente use a propiedade de estilo CSS. Podes usar nomes de cores ou códigos hexadecimales. Como con toda a cor na web, o mellor é usar cores de navegación seguras .
Proba os seguintes estilos nas túas páxinas web:
esta fonte é de cor vermella
esta fonte é de cor azul
Tamaños de fonte
Cando configura o tamaño da fonte na web pode axusta-lo en tamaños relativos ou ser moi específico usando píxeles, centímetros ou polgadas. Non obstante, os tamaños de letra máis exactos están destinados a ser usados para imprimir e non para páxinas web, onde todos os que ven o seu sitio web poden ter unha resolución diferente, o tamaño do monitor ou a configuración predeterminada. Deste xeito, se elixe 15 píxeles como o seu tamaño estándar, pode sorprenderse desagradável ver como grande ou pequeno fai a súa fonte para os seus clientes.
Recoméndoche que use ems para o tamaño da fonte . Os ems permiten que a súa páxina permaneza accesible, independentemente de quen o vexa, e os ems están destinados á representación de pantalla. Deixar os píxeles e os puntos para a reprodución de impresión. Para cambiar o tamaño da letra, engada o seguinte estilo na súa páxina web:
esta fonte é 1em
esta fonte é .75em
esta fonte é 1.25em
Font Faces
O rostro da túa fonte é o que moitas persoas pensan cando pensan "fonte". Pode declarar calquera tipo de letra que desexe, pero lembre, se o lector non ten esa fonte instalada, o seu navegador tentará atopar unha coincidencia para iso, e a súa páxina non se verá como pretendeu.
Para solucionar este problema pode especificar unha lista de nomes faciais, separados por comas, para que o navegador utilice por orde de preferencia. Estes son chamados font stacks. Lembre que unha fonte estándar nun PC (como Arial) pode non ser estándar nun Macintosh. Polo tanto, sempre debería ver as súas páxinas cunha máquina mínimamente instalada (e preferiblemente en ambas plataformas) para asegurarse de que a súa páxina pareza deseñada incluso con fontes mínimas.
Unha das miñas fontes de fontes favoritas é Este conxunto é unha colección de fontes sans-serif e mentres Geneva e Arial non parecen moi similares, ambos están bastante estandarizados nas computadoras Macintosh e Windows . Inclúo helvética e helv para clientes noutros sistemas operativos como Unix ou Linux que poden non ter unha biblioteca de fontes sólida.
esta fonte é sans-serif
esta fonte é serif