Есть два метода, с помощью которых вы можете вставлять шрифт Ubuntu на свой сайт - используя каталог шрифтов Google (предпочтительно) или с помощью объявления CSS @font-face CSS и преобразования ваших шрифтов вручную.

Использование Google Webfonts

Теперь вы можете использовать шрифт Ubuntu в качестве веб-шрифта Google. Это сделает процесс намного проще.

ответ sladen

Использование API Google Font - отличное предложение, так как оно позволяет webfonts, чтобы автоматически работать со всеми современными браузерами, не беспокоясь о деталях. Использование API шрифтов означает, что посетители всегда будут видеть последнюю версию шрифта автоматически.

Как я могу использовать API шрифтов Google?

С 21 декабря 2010 года семейство шрифтов Ubuntu теперь включены и доступны для использования в API шрифтов Google:

Вы можете прочитать публикацию в Google Web Font о новостях, а затем: [!d17 ] Откройте каталог шрифтов Google: «Ubuntu - используйте этот шрифт». Отметьте комбинацию весов и стилей из Regular, Italic, Bold и Bold-Italic, которые вам нужны для вашей веб-страницы. Если значение по умолчанию неверно, выберите комбинацию языка / скрипта, в которой вы нуждаетесь: русский сайт с английскими примерами может использовать «кириллицу, латынь». Добавьте данный тег между ... на странице HTML или шаблоны и добавьте соответствующий CSS-код между тегами в вашем . Например, если вы создавали гибридный веб-сайт на русском и английском языках и хотели использовать шрифт по умолчанию для всего текста, вы можете добавить следующий код между тегами :

Как я могу использовать API шрифтов Google? :

«Латинский» - это последний , на котором написаны английский и многие другие европейские и африканские языки. [ ! d39]

«Подмножество» оптимизирует файлы шрифтов, только отправляя символы для определенных языков, шрифты составляют около 44 кБ каждый. Показанная на данный момент цифра 168 кбайт для всех 1,200+ -типов как одна загрузка веб-шрифтов - и большинство из них не нужны ни одному веб-сайту.

Файлы шрифтов Ubuntu автоматически преобразуются в правильном формате для разные браузеры; в зависимости от make и версии требуемый формат - WOFF, EOT, SVG или TTF.

Использование @ font-face

Вы можете встраивать шрифты Ubuntu с помощью в Google Web Шрифт, помещающий в шрифты WOFF. Затем вы можете вставлять их, используя объявление CSS @ font-face. Шрифты (.ttf-файлы) можно найти в /usr/share/fonts/truetype/ubuntu-font-family.

Например, чтобы использовать шрифт Ubuntu Regular, преобразованный в файл WOFF, Ubuntu-R.woff, используйте этот код CSS: [ ! d47]

@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 Italic:

@font-face 
{
    font-family : "Ubuntu";
    src: url('Ubuntu-I.woff');
    font-style : italic;
}

Ubuntu Bold Курсив:

@font-face
{
    font-family : "Ubuntu";
    src: url('Ubuntu-BI.woff');
    font-weight : bold;
    font-style : italic;
}

] Это поддерживается всеми шрифтами WOFF .

Соображения

Пожалуйста, помните, что некоторые пользователи настраивали свои браузеры для использования определенного набора шрифтов и могут быть раздражает, если используются пользовательские шрифты. Кроме того, прочитайте Лицензию шрифта Ubuntu для точных условий относительно того, как можно распространять шрифт.