Друг начин за използване на екзотични шрифтове на уеб страница

друг
Често се случва клиент да иска „този красив AAA шрифт“ за уебсайта си. Преди това в повечето случаи това беше недостъпно, докато не се появиха различни библиотеки за работа с нестандартни шрифтове или същия @font-face.

Има и решения като sIFR, cufon и други, въпреки че може да не са толкова елегантни като предложения метод. Холивари, че няма да станем по-добри. И с @font-face може да има проблеми с лицензи за шрифтове и други неща.

Преди време повечето създатели на сайтове използваха картинки (и дори сега се забелязва). Понякога в онези дни трябваше да се откажа от изображения в полза на бързото зареждане на сайта (защото тогава скоростта на интернет не беше същата като сега). Но е много трудно да се обясни на клиента защо е по-добре да не се използва един или друг „красив“ шрифт. А наистина не трябва да е така!

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

Затова си струва да помислите (и да напомните на някого) за една прекрасна услуга - Google Font API. Веднага ще ви предупредя: това не е панацея, не е решение на всички проблеми, а като отлична алтернатива на всичко, което използвахме / използваме сега.

Използвайки API на Google Font, можете да вграждате уеб шрифтове във всяка уеб страница, точно както повечето други инструменти ви позволяват да правите това. Какви са предимствата?

API на Google Font включва:

  • Селекция от висококачествени шрифтове с отворен код.
  • Работи в повечето браузъри (но не във всички).
  • Изключително лесен за използване.
  • Тъй като всичко се хоства от Google, следователно честотната лента се запазваспособност.
  • Тъй като те се намират на едно и също място в интернет, уеб браузърът ще ги кешира и за други сайтове, като ги изтегля само веднъж.
Недостатъци:
  • Все още непълна поддръжка на браузъра (напр. Firefox 3.6.13 Ubuntu!)
  • Много малък брой шрифтове на кирилица (има надежда скоро да има повече)
Приблизително малко - възможно е да добавите свой собствен шрифт.

Както вече споменахме, използването на API е много просто. Просто добавете ред в раздела ... на вашата уеб страница, който ще зареди необходимия CSS:

И след това го използвайте във вашия CSS така:

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