ХТМЛ5 - Рад са фонтовима - 1. део

Преглед садржаја
Један од основних аспеката при раду са текстом у ХТМЛ су промене слике које се могу догодити само променом фонта слова, међутим постоје два аспекта професионалаца који раде на томе, дизајнери који желе да промене сваки аспект типографије и програмери који, иако желе да радећи са њима не желе да направе тако дубоке промене по овом питању.
Својства фонта
Пре рада са изворима, урадићемо преглед њихових својстава како бисмо сазнали позадину овога:
  • породица фонтова: Одређује породицу фонтова за блок текста.
  • величина фонта: Одређује величину фонта за блок текста.
  • тип слова: Одређује стил фонта, може бити нормалан, курзив, коси.
  • фонт-вариант: Одређује да ли се текст блока може приказати малим словима, његове могуће вредности су мале и велике.
  • фонт-веигхт: Одређује тежину фонта за текстуални блок, односно његову дебљину, његове вредности могу бити нормалне, подебљане, подебљаније, светлије ,.
  • фонт: Пречица која вам омогућава да наведете фонт у једном реду.
Избор извора
Имовина породица фонтова Одређујемо групу фонтова који ће се користити успостављањем редоследа преференција, тако да, ако један није доступан, прослеђује се оном који следи по приоритету. Прегледач почиње са првим фонтом на листи и наставља да покушава за сваки од фонтова утврђеним редоследом све док не постоји један који може да користи.
То се дешава зато што ћемо можда морати да користимо фонтове који су инсталирани на рачунару корисника или који припадају одређеном оперативном систему, тако да ако други корисник не испуњава услове, можемо да контролишемо како ће то утицати на наш документ.
На крају, погледајмо листу генеричких фонтова који би требали бити доступни на стандардни начин за све системе и са којима не бисмо требали имати проблема.
  • сериф
  • Санс Сериф
  • курзив
  • фантазија
  • моноспаце
Врло добро, будући да смо покрили теоретски аспект руковања изворима, погледајмо примере са кодом где ћемо стећи знање о томе како све што смо проучили применити у пракси:
 Пример

Постоји много различитих врста воћа - само преко 500 врста банана постоји. Док додамо безброј врста јабука, поморанџи и другог добро познатог воћа, суочени смо са хиљадама избора.


У овом коду видимо да је у породици фонтова дефинисан неконвенционалан фонт јер је то власнички фонт ХелветицаНеуе Цонденсед а затим као другу предност постављамо моноспаце Хајде да видимо како то можемо да видимо у прегледачу, за сваки од дефинисаних случајева.
[прилог = 861: хтмл5фуентес.јпг]
Са леве стране слике имамо случај у којем фонт који је постављен као први избор не постоји, односно фонт моноспаце, на десној страни видимо власнички фонт.
Овим завршавамо водич, познавајући теоријске основе и примењујући их у пракси, сада смо у могућности да се мало поиграмо изворима наше апликације и постигнемо визуелно атрактивније резултате у складу са оним што желимо.
Можете да наставите са читањем 2. дела овог водича.Да ли вам се допао и помогао овај водич?Можете наградити аутора притиском на ово дугме да бисте му дали позитиван поен

Ви ће помоћи развој сајта, дељење страницу са пријатељима

wave wave wave wave wave