З урахуванням ліцензій, таких як:
як я можу використовувати сімейство шрифтів Ubuntu на будь-якому веб-сайті, не змушуючи користувача встановлювати його?
Будь-який шанс використовувати його з такими інструментами, як: http://code.google.com/intl/en-US/apis/webfonts/
Відповіді:
Є два способи, за допомогою яких можна вставити шрифт Ubuntu на свій веб-сайт - за допомогою каталогу шрифтів Google (бажано) або за допомогою @font-faceдекларації CSS та перетворення ваших шрифтів вручну.
Тепер ви можете використовувати шрифт Ubuntu як веб-шрифт Google. Це зробить процес набагато простішим. Більша частина змісту цієї частини відповіді походить від відповіді солодена .
Чому використання API Google Font є кращим методом?
Використання API шрифту Google - відмінна пропозиція, оскільки дозволяє веб-шрифтам автоматично працювати на всіх сучасних браузерах, не турбуючись про деталі. Використання API шрифту означає, що відвідувачі завжди побачать останню версію шрифту автоматично.
Як я можу використовувати API шрифту Google?
З 21 грудня 2010 року сімейство шрифтів Ubuntu тепер включено та розгорнуто з API шрифту Google, відвідайте:
Ви можете прочитати публікацію веб-шрифту Google про новини, а потім:
Відмітьте комбінацію ваг і стилів із звичайних, курсивних, жирних та жирних курсивів, необхідних для вашої веб-сторінки.
Якщо за замовчуванням невірно, виберіть потрібну комбінацію мови / сценарію : російський веб-сайт із англійськими прикладами може використовувати "кирилицю, латинську".
Додайте заданий <link>тег між <head> ... </head>сторінками HTML або шаблонами та додайте відповідний код CSS між <style> ... </style>тегами у вашому <head>.
Наприклад, якщо ви створювали гібридний веб-сайт російська / англійська і хочете використовувати шрифт як стандартний текст для всього тексту, ви можете додати наступний код між <head>тегами:
<link href='http://fonts.googleapis.com/css?family=Ubuntu&subset=cyrillic,latin' rel='stylesheet' type='text/css' />
<style type="text/css" >
body {
font-family : 'Ubuntu', sans-serif;
}
</style>
Примітки :
"Латинська мова" - це сценарій , написаний англійською та багатьма іншими європейськими та африканськими мовами.
"Підмножина" оптимізує файли шрифтів, лише надсилаючи символи для певних мов, шрифти - близько 44 кБ. На даний момент показник 168 кБ є для всіх 1200+ гліфів як одне завантаження веб-шрифтів, і більшість не потрібні для одного веб-сайту.
Файли шрифтів Ubuntu автоматично перетворюються у правильному форматі для різних браузерів; в залежності від марки і версії необхідний формат WOFF, EOT, SVGабо TTF. Правильне поєднання CSS характерне для кожного запиту сторінки і магічно вирішує цю важку проблему.
Ви можете вбудувати шрифти Ubuntu, перетворивши їх у шрифти WOFF . Потім ви можете вставити їх за допомогою декларації CSS @ font-face. Шрифти (.ttf файли) можна знайти в /usr/share/fonts/truetype/ubuntu-font-family.
Наприклад, щоб використовувати шрифт Ubuntu Regular, перетворений у файл WOFF, Ubuntu-R.woff, використовуйте цей CSS-код:
@font-face
{
font-family : "Ubuntu-R";
src: url('Ubuntu-R.woff');
}
Аналогічно для Ubuntu Bold:
@font-face
{
font-family : "Ubuntu";
src: url('Ubuntu-B.woff');
font-weight : bold;
}
Курсор Ubuntu:
@font-face
{
font-family : "Ubuntu";
src: url('Ubuntu-I.woff');
font-style : italic;
}
Ubuntu Bold Italic:
@font-face
{
font-family : "Ubuntu";
src: url('Ubuntu-BI.woff');
font-weight : bold;
font-style : italic;
}
Це підтримують усі останні веб-переглядачі .
Пам'ятайте, що деякі користувачі налаштовують свої браузери для використання певного набору шрифтів і можуть бути роздратовані, якщо використовуються спеціальні шрифти. Також прочитайте ліцензію на шрифт Ubuntu для точних термінів щодо того, як можна розповсюджувати шрифт.
Використання API шрифту Google - відмінна пропозиція, оскільки дозволяє веб-шрифтам автоматично працювати на всіх сучасних браузерах, не турбуючись про деталі. Використання API шрифту означає, що відвідувачі завжди побачать останню версію шрифту автоматично.
З 21 грудня 2010 року сімейство шрифтів Ubuntu тепер включено та розгорнуто з API шрифту Google, відвідайте:
Ви можете прочитати публікацію веб-шрифту Google про новини, а потім:
<head> ... </head>і <style>...</style>розділи сторінки HTML або шаблонів.Примітки:
"Латинська мова" - це сценарій , написаний англійською та багатьма іншими європейськими та африканськими мовами.
"Підмножина" оптимізує файли шрифтів, лише надсилаючи символи для певних мов, шрифти - близько 44 кБ. На даний момент показник 168 кБ є для всіх 1200+ гліфів як одне завантаження веб-шрифтів, і більшість не потрібні для одного веб-сайту.
Файли шрифтів Ubuntu автоматично перетворюються у правильному форматі для різних браузерів; в залежності від марки і версії необхідний формат WOFF, EOT, SVGабо TTF. Правильне поєднання CSS характерне для кожного запиту сторінки і магічно вирішує цю важку проблему.
Візуалізація шрифту на стороні сервера (можливо, краще "динамічне відображення шрифту") була цікавою проблемою вже досить давно.
Технічно здається логічним, що для того, щоб машина відображала певний шрифт, її вже слід встановити локально.
З іншого боку, веб-дизайн сильно втрачає, дотримуючись основних / відомих "веб-шрифтів".
CSS2.1 внесли деякі покращення за допомогою декларації правила @ font-face .
Це ще не стало стандартом, але врешті з CSS3.
Крім цього, було кілька альтернативних методів, таких як:
Я сподіваюся, що надані посилання дадуть вам краще уявлення про те, що можна зробити ;-)