Встановлюємо шрифти в css

Що насправді бачить відвідувач сайту, при застосуванні нестандартного Web-шрифта на даному етапі розвитку браузерів?

Багато страждають при створенні сайту. У багатьох випадках на сайті потрібно застосувати нестандартний шрифт або ієрогліф. Ви завантажуєте красивий шрифт і починаєте верстати сторінку, але не у всіх користувачів є такі шрифти. Деякі не соромляться і просто створюють графічний файл, використовуючи потрібний їм шрифт, але додаткова графіка не завжди підходить сторінці і у багатьох її і так вистачає. Але є один відповідний вихід. Цим виходом є використання технології CSS (Cascading Style Sheets) або просто "Каскадних таблиць стилів". Зазвичай CSS полягає в сам, створюваний файл, сторінку, але можна створити файл CSS (.css) окремо і з'єднати його шляхом прописки між тегом таким чином:

І нам з допомогою CSS потрібно автоматично закачати і встановити файл шрифту True Type Font (.ttf), але установка відбудеться тільки в тому випадку, якщо комп'ютер користувача не виявить необхідного шрифту. Насамперед ми повинні вказати місце положення шрифту. Для цього прописуємо між тегами і так:

Таким чином ви можете використовувати будь-які шрифти на своєму сайті. Але раджу сильно не викручуватись, так як сам процес закачування і установки шрифту теж вимагає певного часу. І якщо у вас сам шрифт "важить" 500kb і більше, то його не рекомендується використовувати в цьому випадку.

Чесно кажучи, простіше і правильніше робити так:

Хоч Web-шрифти підтримуються більшістю браузерів, в Опері вони глючат з самого початку. На деяких системах не працюють взагалі, на тих що працюють, при перезавантаженні сторінки можуть спрацювати, а можуть не спрацювати:

Тому, цим не можна користуватися в серйозних проектах, тільки в особистих блогах, і тільки для тексту розміром більше 30px, щоб не бачити чудеса згладжування і кернинга.

У той же час Google надає Google Font API - API для кросбраузерності підключення нестандартних шрифтів.

Google визначає браузер і видає валідний для нього CSS і шрифт.

Не забувайте про чудову бібліотеку cufon

До речі cufon вміє ще багато цікавого типу градієнтів, letter-spacing і т.п.