See leht sisaldab juhiseid fondi ja selle värvi muutmiseks veebilehel. HTML5 kasutuselevõtuga on veebilehtede fontide konfigureerimise õige viis kasutada kaskaadlaadistikke. Vana tekstisisese stiili atribuudi või kirjasildi kasutamise meetod on aegunud ja seda ei tohiks enam kasutada.
Märge
Ehkki aegunud meetodid võivad tänapäevastes Interneti-brauserites endiselt õigesti osutuda, ei tagata seda enam. Maksimaalse kasutajate arvu jaoks õigesti kuvatavate veebilehtede loomiseks kasutage sellel lehel kirjeldatud CSS-meetodeid.
Märge
Kui otsite abi fondi välimuse kohandamiseks Microsoft Wordi dokumendis, vaadake, kuidas muuta fondi värvi, suurust või Wordi tüüpi.
CSS-i kasutamine ühe rakenduse jaoks
Kui plaanite fondi nägu ja selle värvi muuta veebilehel ainult üks kord, konfigureerige selle atribuudid elemendisildis. Stiili atribuuti kasutades saate määrata fondi näo ja värvi koos fondiperekonnaga, värvi ja fondi suuruse fondi suurusega, nagu on näidatud allolevas näites.
Näidiskood
Selle teksti font on Courier, see on sinine ja 20 pikslit.
Tulemus
Sellel tekstil on Courieri font, see on sinine ja suurusega 20 pikslit.
CSS-i kasutamine ühel või mitmel lehel
Kohandatud font ühele lehele
Oma teksti ilme muutmiseks erinevates elementides võite oma veebisaidi peaosas sisestada kooditabelite vahele. Järgmine sinine kast sisaldab näidiskoodi, mis kord kutsutud korral muudaks teie fondi näo Kulleriks ja värviks selle punaseks. Nagu näete, oleme klassi nime määratlenud kui "kohandatud".
.custom {fondiperekond: kuller; värv: punane; fondi suurus: 20 pikslit; }
Pärast selle määratlemist saab seda stiili rakendada enamiku teie lehe elementide jaoks, kinnitades neile klassi "kohandatud". Järgmises lahtris kuvatakse kaks koodirida ja vastavad tulemused.
Näide
Kogu see lause on punane ja kuller
Ainult sõna test on punane ja kuller.
Tulemus
Kogu see lause on punane ja kuller.
Ainult sõna test on punane ja kuller.
Kohandatud font paljudele lehtedele
Välise CSS-faili importimine võib olla väga kasulik, kuna see võimaldab kasutajatel muuta korraga mitme lehe reegleid. Järgmises jaotises on toodud näide CSS-faili loomiseks, mis muudab fonti ja enamiku elementide värvi. Seda faili võib laadida mitmele veebilehele, isegi tervele saidile.
Mis tahes põhiteksti redigeerija abil valmistab järgmine tekst.cs-failina salvestades selle importimiseks ette.
@charset "utf-8";
.kulleri {font-sugukond: kuller; värv: # 005CB9; }
Kui eelnev tekst on paigutatud.css-faili (oleme nimetanud meie omaks basic.css), saate selle linkida mis tahes muult lehelt, kasutades järgmise näitega sarnast joont.
Näpunäide
Kasutajad võivad muuta lehe elementide atribuute, muutes imporditud.css-faili koodi.
Fontsildi lahendus
Ehkki HTML-märgend on aegunud, saab seda siiski kasutada ja võib-olla tuleb seda kasutada koos mõne veebiteenusega. FONT-sildi kasutamisel peate lisama näo atribuudi, mis kirjeldab kasutatavat fonti. Allolevas näites kasutame fonti Courier ja heksadeimaalset värvikoodi # 005CB9 , mis on tumesinine.
Näidiskood
Spetsiaalne fontnäide.