Y Tagiau Ffont yn Dros Dro Taflenni Arddull (CSS)

Ydych chi wedi edrych ar wefan hen iawn ac wedi gweld tag anarferol o fewn yr HTML ? Flynyddoedd lawer yn ôl, byddai dylunwyr gwe mewn gwirionedd yn gosod ffontiau eu tudalennau gwe y tu mewn i'r HTML ei hun, ond gwahanwyd strwythur (HTML) ac arddull (CSS) gyda'r ymarfer hwn ychydig amser yn ôl.

Mewn dyluniad gwe heddiw, mae'r tag wedi'i ddibynnu. Mae hyn yn golygu nad yw'r tag bellach yn rhan o'r fanyleb HTML. Er bod rhai porwyr yn dal i gefnogi'r tag hwn ar ôl iddi gael ei ddisgwylio, nid yw bellach yn cael ei gefnogi o gwbl yn HTML5, sef yr ailadrodd diweddaraf o'r iaith. Mae hyn yn golygu na ddylid dod o hyd i'r tag mwyach yn eich dogfennau HTML.

Yr Amgen i'r Tag Font

Os na allwch osod ffont y testun y tu mewn i'r dudalen HTML gyda'r tag, beth ddylech chi ei ddefnyddio? Taflenni arddull casgading (CSS) yw sut yr ydych yn gosod arddulliau ffont (a phob arddull weledol) ar wefannau heddiw. Gall CSS wneud yr holl bethau y gallai'r tag eu gwneud, ynghyd â llawer mwy. Edrychwn ar yr hyn y gallai'r tag ei ​​wneud pan oedd yn opsiwn ar gyfer ein tudalennau HTML (cofiwch, ni chaiff ei gefnogi o gwbl bellach, felly nid yw'n opsiwn) a chymharu sut i'w wneud ag CSS.

Newid y Teulu Ffont

Yr wyneb ffont yw wyneb neu deulu y ffont. Gyda'r tag ffont, byddech chi'n defnyddio'r "wyneb" priodoldeb a byddai angen i chi osod hwn trwy ddogfen, sawl gwaith, i osod y ffontiau unigol ar gyfer pob rhan o destun. Pe bai angen i chi wneud newid ysgubol i'r ffont hwnnw, bu'n rhaid ichi newid pob un o'r tagiau unigol hyn. Er enghraifft:

nid yw'r ffont hwn yn sans-serif

Yn CSS yn hytrach na ffont "wyneb", fe'i gelwir yn ffont "teulu". Rydych chi'n ysgrifennu arddull CSS a fyddai'n gosod y ffont. Er enghraifft, pe baech chi eisiau gosod yr holl destun mewn tudalen i Garamond, gallech ychwanegu'r arddull weledol honno fel hyn:

corff {font-family: Garamond, Times, serif; }

Byddai'r arddull CSS hon yn berthnasol i deulu ffont Garamond i bopeth ar y dudalen we gan fod pob elfen yn y ddogfen yn ddisgynnydd o'r

Newid Lliw y Ffont

Fel gyda'r wyneb, rydych chi'n defnyddio'r codau priodoldeb a hecs "lliw" neu enwau lliw i newid lliw eich testun. Blynyddoedd yn ôl, byddech hefyd yn gosod hyn yn unigol ar elfennau testun, fel tag pennawd.

Mae'r ffont hwn yn borffor

Heddiw, byddech yn ysgrifennu llinell o CSS.

Mae hyn yn gymaint mwy hyblyg. Pe bai angen i chi newid y

ar bob tudalen o'ch gwefan, gallech wneud un newid yn eich ffeil CSS a bydd pob tudalen sy'n defnyddio'r ffeil honno'n cael ei diweddaru.

Allan Gyda'r Hen

Mae defnyddio CSS i bennu arddulliau gweledol wedi bod yn safon dylunydd gwe ers blynyddoedd lawer, felly os ydych chi wir yn edrych ar dudalen sy'n dal i ddefnyddio'r tag, mae'n hen dudalen hen ac mae angen ei ailddatblygu i gydymffurfio â'r we presennol dylunio arferion gorau a safonau gwe modern.

Golygwyd gan Jeremy Girard