Nid oedd yr elfen FONT yn dibynnu ar HTML 4 ac nid yw'n rhan o fanyleb HTML5. Felly, os ydych am newid y ffontiau ar eich tudalennau gwe, dylech chi ddysgu sut i wneud hynny gyda CSS (Cascading Style Sheets ).
Camau i Newid y Ffont Gyda CSS
- Agorwch dudalen we gan ddefnyddio golygydd HTML testun. Gall fod yn dudalen newydd neu bresennol.
- Ysgrifennwch ychydig o destun: Mae'r testun hwn yn Arial
- Amgylchwch y testun gyda'r elfen SPAN: Mae'r testun hwn yn Arial
- Ychwanegu arddull y priodwedd = "" i'r tag rhychwant: Mae'r testun hwn yn Arial
- O fewn y priodwedd arddull, newid y ffont gan ddefnyddio'r arddull ffont-deulu: Mae'r testun hwn yn Arial
Cynghorion ar gyfer Newid y Ffont Gyda CSS
- Dewiswch ddewisiadau ffont lluosog gyda choma (,). Er enghraifft,
- ffont-deulu: Arial, Geneva, Helvetica, sans-serif;
- Mae'n well bob amser gael o leiaf ddwy ffont yn eich stack ffont (y rhestr o ffontiau), felly os nad oes gan y porwr y ffont gyntaf, gall ddefnyddio'r ail yn lle hynny.
- Dylech bob amser ddod â phob arddull CSS i ben gyda hanner-colon (;). Nid oes angen pan nad oes ond un arddull, ond mae'n arfer da mynd i mewn.
- Mae'r enghraifft hon yn defnyddio arddulliau mewnol, ond rhoddir y math o arddulliau gorau mewn taflenni arddull allanol fel y gallwch effeithio ar fwy nag yr un elfen yn unig. Gallwch ddefnyddio dosbarth i osod yr arddull ar flociau o destun. Er enghraifft:
- class = "arial"> Mae'r testun hwn yn Arial
- Defnyddio'r CSS:
- .arial {font-family: Arial; }