Sut i Newid y Ffont ar Wefannau Gwe Defnyddio CSS

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

  1. Agorwch dudalen we gan ddefnyddio golygydd HTML testun. Gall fod yn dudalen newydd neu bresennol.
  2. Ysgrifennwch ychydig o destun: Mae'r testun hwn yn Arial
  3. Amgylchwch y testun gyda'r elfen SPAN: Mae'r testun hwn yn Arial
  4. Ychwanegu arddull y priodwedd = "" i'r tag rhychwant: Mae'r testun hwn yn Arial
  5. 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

  1. Dewiswch ddewisiadau ffont lluosog gyda choma (,). Er enghraifft,
    1. ffont-deulu: Arial, Geneva, Helvetica, sans-serif;
    2. 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.
  2. 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.
  3. 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:
    1. class = "arial"> Mae'r testun hwn yn Arial
    2. Defnyddio'r CSS:
    3. .arial {font-family: Arial; }