Apreneu a utilitzar CSS per canviar atributs de fonts
Fonts i CSS
CSS és la manera més efectiva d' ajustar els tipus de lletra a la vostra pàgina web. Podeu controlar la família de tipus de lletra , la mida, el color, el pes i molts altres aspectes de la tipografia.
Les propietats de fonts a CSS són una de les maneres més habituals de fer que la vostra pàgina sigui més distinta i única. És fàcil canviar el color, la mida i fins i tot la cara (la pròpia font) del vostre text amb propietats de font de CSS .
- color
- font-family
- mida de la font
Hi ha tres parts per a una font:
- color
- Aquest és el color que es mostrarà com a font a la pantalla.
- mida
- Així és gran o petit, la tipografia es mostrarà a la pantalla.
- cara
- Aquesta és la família de fonts, que sovint es coneix com a font real.
Colors de fonts
Per canviar el color del text, simplement utilitzeu la propietat d'estil de color CSS. Podeu utilitzar noms de colors o codis hexadecimals. Igual que amb tot el color a la web, el millor és utilitzar colors segurs per a navegadors .
Proveu els següents estils a les vostres pàgines web:
aquesta font està de color vermell
aquesta font és de color blau
Mida de lletra
Quan configureu la mida de la font a la web, podeu configurar-lo en mides relatives o ser molt específics utilitzant píxels, centímetres o polzades. Tanmateix, les mides de lletra més exactes estan destinades a ser utilitzades per imprimir i no per a pàgines web, on tots els que visualitzin el vostre lloc web poden tenir una resolució diferent, la mida del monitor o la configuració predeterminada del tipus de lletra. Per tant, si trieu 15 píxels com la vostra mida estàndard, és possible que us sorprengueu desagradable veure quina mida o petita lletra fa als vostres clients.
Us recomano que utilitzeu EMS per a la mida de la font . Ems permet que la vostra pàgina es mantingui accessible, independentment de qui l'estigui veient, i ems està destinat a la representació de pantalles. Deixeu els píxels i els punts per a la representació d'impressió. Per canviar la mida de la lletra, situeu el següent estil a la vostra pàgina web:
aquesta font és 1em
aquesta font és .75em
aquesta font és de 1.25em
Cares de lletra
La cara de la teva font és el que molta gent pensa quan pensa "font". Podeu declarar qualsevol tipus de lletra que vulgueu, però recordeu que, si el vostre lector no té aquesta font instal·lada, el vostre cercador intentarà trobar una coincidència per a això, i la seva pàgina no es veurà com volíeu.
Per solucionar aquest problema, podeu especificar una llista de noms de cara, separats per comes, perquè el navegador utilitzi per ordre de preferència. Aquestes es diuen fonts de fonts. Tingueu en compte que una font estàndard en un PC (com ara Arial) podria no ser estàndard en un Macintosh. Així que sempre haureu de veure les vostres pàgines amb una màquina mínimament instal·lada (i preferiblement en ambdues plataformes) per assegurar-vos que la vostra pàgina sembli dissenyada fins i tot amb fonts mínimes.
Una de les meves fonts de fonts preferides és This set és una col·lecció de fonts sans-serif i, mentre que ginebra i arial no semblen molt similars, tots dos són bastant estàndard en ordinadors Macintosh i Windows . Incloïo helvètica i helv per als clients d'altres sistemes operatius com Unix o Linux que potser no tinguin una biblioteca de fonts sòlida.
aquesta font és sans-serif
aquesta font és serif