Оптимизиране на шрифтовете на сайта, Airee

airee

Персонализираните шрифтове ви позволяват да направите вашия сайт уникален, да подчертаете неговия дизайн и да привлечете вниманието на потребителите. Но цената, която трябва да платите за тези предимства, е дългото време за зареждане на сайта, използвайки собствени (персонализирани) шрифтове. Особено ако са разположени на отдалечен хостинг. Какво да направя по въпроса?

Използване на шрифтове

Собствените шрифтове на сайта най-вероятно липсват в браузъра на потребителя. Поради това е необходимо да се посочат допълнителни файлове за изтегляне, които ще съдържат техническа информация за стила на шрифтовете (символи - глифи, характеристики на комбинирания стил на символи и редове и други данни). Както често се случва, всеки браузър се нуждае от собствен файл - Google Chrome разбира формата woff и woff2 (най-напредналият), старият Android разбира само TTF, а IE разбира eot.

За да се поддържат всички браузъри, често се използва набор от шрифтови файлове за всеки стил (шрифт). Може да се създаде, например, чрез Font Squirrel: услугата автоматично ще предостави CSS-кода и набор от файлове за поставяне на сървъра.

Интересен подход предлага и услугата Google Fonts: вмъквате повикване към скрипта на услугата на сайта и в зависимост от използвания браузър услугата вече дава съответния CSS код и файл на шрифта, поддържащ повече от 30 различни комбинации.

Но това не решава основния проблем с зареждането на вашите собствени шрифтове: шрифтовете са големи. Понякога твърде голям. И почти винаги от тях се изисква да показват текст на страницата (т.е. шрифтът се зарежда на етапа на „белия екран“, досаждайки на потребителите, доколкото е възможно). Как да го излекувам?