"Font Tag" versijos "Cascading Style Sheets" (CSS)

Ar pažvelgėte į labai seną svetainę ir matėte neįprastą žymą HTML viduje? Prieš daugelį metų internetiniai dizaineriai iš tikrųjų nustatė savo interneto puslapių šriftus pačioje HTML formoje, bet struktūros atskyrimas (HTML) ir stilius (CSS) prieš kelis mėnesius panaikino šią praktiką.

Šiandien žiniatinklio dizaino žyma buvo nebeaktualus. Tai reiškia, kad žyma nebėra HTML specifikacijos dalis. Nors kai kurios naršyklės vis dar palaikė šią žymę, kai ji pasenusi, ji vis tiek nebėra palaikoma HTML5, tai naujausia kalbos iteracija. Tai reiškia, kad jūsų žyma neturėtų būti jūsų HTML dokumentuose.

Takelio šrifto alternatyva

Jei negalite nustatyti teksto šrifto, esančio HTML puslapyje, su žyma, ką turėtumėte naudoti? Kaskadinio stiliaus lapai (CSS) - tai, kaip šiandien nustatote šriftų stilių (ir visus vaizdinius stilius). CSS gali atlikti visus tuos pačius dalykus, kuriuos gali atlikti žyma, taip pat daug daugiau. Pažiūrėkime, ką žyma gali padaryti, kai tai buvo mūsų HTML puslapių parinktis (atminkite, kad ji visada nepalaikoma, todėl tai nėra pasirinkimas) ir palyginkite, kaip tai padaryti naudojant CSS.

Pakeisti šriftų šeimą

Šriftas yra šrifto veidas arba šeima. Naudodami šrifto žymą naudosite atributą "veidas", ir jums reikės įdėti jį į daugelį dokumentų daugelį kartų, norėdami nustatyti atskirus šriftus kiekvienam teksto sekcijos elementui. Jei jums reikėjo švariai pakeisti šriftą, turėjote pakeisti kiekvieną iš šių atskirų žymų. Pavyzdžiui:

šis šriftas nėra sans-serifas

CSS vietoje šrifto "veidas" CSS vadinamas šriftu "šeima". Jūs rašote CSS stilių, kuris nustatytų šriftą. Pavyzdžiui, jei norėtumėte nustatyti visą "Garamond" puslapyje esantį tekstą, galite pridėti tokį vaizdinį stilių:

kūnas {font-family: Garamond, Times, serif; }

Šis CSS stilius pritaikys "Garamond" šriftų šeimą į viską tinklalapyje, nes kiekvienas dokumento elementas yra jo palikuonis.

Šrifto spalvos keitimas

Kaip ir veido atveju, norėdami pakeisti savo teksto spalvą, naudojate atributą "spalva" ir šešioliktainius kodus arba spalvų pavadinimus. Prieš daugelį metų taip pat galite nustatyti tai atskirai teksto elementams, pvz., Antraštės žymei.

šis šriftas yra purpurinis

Šiandien jūs tiesiog parašysite CSS eilutę.

Tai yra daug lankstesnė. Jei jums reikėjo pakeisti

kiekviename jūsų svetainės puslapyje galite atlikti vieną CSS failo pakeitimą ir atnaujinti visus puslapius, kuriuose naudojamas šis failas.

Su senaisiais

Naudojant CSS diktuoti vizualinius stilius jau daugelį metų buvo interneto dizainerio standartas, taigi, jei iš tikrųjų žiūri į puslapį, kuriame vis dar naudojama žyma, tai yra labai senas puslapis, ir jį reikia pertvarkyti, kad atitiktų dabartinį žiniatinklį. dizaino geriausios praktikos ir šiuolaikinių interneto standartų.

Redagavo Jeremy Girard