Вставить шрифт Ubuntu на любую веб-страницу

Question 1

Команда для поиска версии ubuntu:

lsb_release -a

или

cat /etc/lsb-release

или [!d4 ]

Система> О Ubuntu

Question 2

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

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

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

ответ sladen

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

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

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

font.ubuntu.com/web

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

Как я могу использовать 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 для точных условий относительно того, как можно распространять шрифт.

Question 3

Question 4

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

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

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

Почему используется API-интерфейс Google Font API?

. ]

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

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

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

font.ubuntu.com/web [ ! d34]

Вы можете прочитать публикацию веб-шрифта Google о новостях, а затем:

Откройте каталог шрифтов Google: « Ubuntu - Использовать этот шрифт "page
Отметьте комбинацию весов и стилей из Regular, Italic, Bold и Bold-Italic, которые вам нужны для вашей веб-страницы. [!d32]
Если значение по умолчанию неверно, выберите комбинацию языка / скрипта, в которой вы нуждаетесь: русский сайт с английскими примерами может использовать «кириллицу, латынь». [!d33]
Добавьте указанный тег & lt; link & gt; между & lt; head & gt; ... & lt; / head & gt; на странице HTML или шаблонах и добавить соответствующий код CSS между & lt; style & gt; ... & lt; / style & gt; в вашем & lt; head & gt; . Например, если вы создавали гибридный веб-сайт на русском и английском языках и хотели использовать шрифт по умолчанию для всего текста, вы можете добавить следующий код между тегами & lt; head & gt; : & lt; link href = 'http: //fonts.googleapis.com/css? family = Ubuntu & amp; subset = cyrillic, latin' rel = 'stylesheet' type = 'text / css' / & gt; & lt; style type = "text / css" & gt; body {font-family: 'Ubuntu', sans-serif; } & lt; / style & gt;

Примечания :

«Latin» - это script , что английский и многие другие европейские и африканские языки написаны.

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

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

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

Вы можете встраивать шрифты Ubuntu с помощью , конвертируя их [ ! d4] до шрифтов 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 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;  }

Это поддерживается всеми последними браузерами .

Соображения

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

Question 5

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

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

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

ответ sladen

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

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

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

font.ubuntu.com/web

Вы можете прочитать публикацию в Google Web Font о новостях, а затем:

Откройте каталог шрифтов Google: «Ubuntu - используйте этот шрифт». Отметьте комбинацию весов и стилей из Regular, Italic, Bold и Bold-Italic, которые вам нужны для вашей веб-страницы. Если значение по умолчанию неверно, выберите комбинацию языка / скрипта, в которой вы нуждаетесь: русский сайт с английскими примерами может использовать «кириллицу, латынь». Добавьте данный тег <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>

Как я могу использовать 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 для точных условий относительно того, как можно распространять шрифт.

Question 6

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

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

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

ответ sladen

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

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

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

font.ubuntu.com/web

Вы можете прочитать публикацию в Google Web Font о новостях, а затем:

Откройте каталог шрифтов Google: «Ubuntu - используйте этот шрифт». Отметьте комбинацию весов и стилей из Regular, Italic, Bold и Bold-Italic, которые вам нужны для вашей веб-страницы. Если значение по умолчанию неверно, выберите комбинацию языка / скрипта, в которой вы нуждаетесь: русский сайт с английскими примерами может использовать «кириллицу, латынь». Добавьте данный тег <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>

Как я могу использовать 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 для точных условий относительно того, как можно распространять шрифт.

Question 7

Question 8

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

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

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

ответ sladen

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

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

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

font.ubuntu.com/web

Вы можете прочитать публикацию в Google Web Font о новостях, а затем:

Откройте каталог шрифтов Google: «Ubuntu - используйте этот шрифт». Отметьте комбинацию весов и стилей из Regular, Italic, Bold и Bold-Italic, которые вам нужны для вашей веб-страницы. Если значение по умолчанию неверно, выберите комбинацию языка / скрипта, в которой вы нуждаетесь: русский сайт с английскими примерами может использовать «кириллицу, латынь». Добавьте данный тег <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>

Как я могу использовать 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 для точных условий относительно того, как можно распространять шрифт.

Question 9

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

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

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

Почему используется API-интерфейс Google Font API?

. ]

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

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

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

font.ubuntu.com/web [ ! d34]

Вы можете прочитать публикацию веб-шрифта Google о новостях, а затем:

Откройте каталог шрифтов Google: « Ubuntu - Использовать этот шрифт "page
Отметьте комбинацию весов и стилей из Regular, Italic, Bold и Bold-Italic, которые вам нужны для вашей веб-страницы. [!d32]
Если значение по умолчанию неверно, выберите комбинацию языка / скрипта, в которой вы нуждаетесь: русский сайт с английскими примерами может использовать «кириллицу, латынь». [!d33]
Добавьте указанный тег & lt; link & gt; между & lt; head & gt; ... & lt; / head & gt; на странице HTML или шаблонах и добавить соответствующий код CSS между & lt; style & gt; ... & lt; / style & gt; в вашем & lt; head & gt; . Например, если вы создавали гибридный веб-сайт на русском и английском языках и хотели использовать шрифт по умолчанию для всего текста, вы можете добавить следующий код между тегами & lt; head & gt; : & lt; link href = 'http: //fonts.googleapis.com/css? family = Ubuntu & amp; subset = cyrillic, latin' rel = 'stylesheet' type = 'text / css' / & gt; & lt; style type = "text / css" & gt; body {font-family: 'Ubuntu', sans-serif; } & lt; / style & gt;

Примечания :

«Latin» - это script , что английский и многие другие европейские и африканские языки написаны.

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

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

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

Вы можете встраивать шрифты Ubuntu с помощью , конвертируя их [ ! d4] до шрифтов 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 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;  }

Это поддерживается всеми последними браузерами .

Соображения

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

Question 10

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

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

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

Почему используется API-интерфейс Google Font API?

. ]

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

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

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

font.ubuntu.com/web [ ! d34]

Вы можете прочитать публикацию веб-шрифта Google о новостях, а затем:

Откройте каталог шрифтов Google: « Ubuntu - Использовать этот шрифт "page
Отметьте комбинацию весов и стилей из Regular, Italic, Bold и Bold-Italic, которые вам нужны для вашей веб-страницы. [!d32]
Если значение по умолчанию неверно, выберите комбинацию языка / скрипта, в которой вы нуждаетесь: русский сайт с английскими примерами может использовать «кириллицу, латынь». [!d33]
Добавьте указанный тег & lt; link & gt; между & lt; head & gt; ... & lt; / head & gt; на странице HTML или шаблонах и добавить соответствующий код CSS между & lt; style & gt; ... & lt; / style & gt; в вашем & lt; head & gt; . Например, если вы создавали гибридный веб-сайт на русском и английском языках и хотели использовать шрифт по умолчанию для всего текста, вы можете добавить следующий код между тегами & lt; head & gt; : & lt; link href = 'http: //fonts.googleapis.com/css? family = Ubuntu & amp; subset = cyrillic, latin' rel = 'stylesheet' type = 'text / css' / & gt; & lt; style type = "text / css" & gt; body {font-family: 'Ubuntu', sans-serif; } & lt; / style & gt;

Примечания :

«Latin» - это script , что английский и многие другие европейские и африканские языки написаны.

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

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

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

Вы можете встраивать шрифты Ubuntu с помощью , конвертируя их [ ! d4] до шрифтов 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 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;  }

Это поддерживается всеми последними браузерами .

Соображения

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

Question 11

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

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

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

Почему используется API-интерфейс Google Font API?

. ]

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

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

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

font.ubuntu.com/web [ ! d34]

Вы можете прочитать публикацию веб-шрифта Google о новостях, а затем:

Откройте каталог шрифтов Google: « Ubuntu - Использовать этот шрифт "page
Отметьте комбинацию весов и стилей из Regular, Italic, Bold и Bold-Italic, которые вам нужны для вашей веб-страницы. [!d32]
Если значение по умолчанию неверно, выберите комбинацию языка / скрипта, в которой вы нуждаетесь: русский сайт с английскими примерами может использовать «кириллицу, латынь». [!d33]
Добавьте указанный тег & lt; link & gt; между & lt; head & gt; ... & lt; / head & gt; на странице HTML или шаблонах и добавить соответствующий код CSS между & lt; style & gt; ... & lt; / style & gt; в вашем & lt; head & gt; . Например, если вы создавали гибридный веб-сайт на русском и английском языках и хотели использовать шрифт по умолчанию для всего текста, вы можете добавить следующий код между тегами & lt; head & gt; : & lt; link href = 'http: //fonts.googleapis.com/css? family = Ubuntu & amp; subset = cyrillic, latin' rel = 'stylesheet' type = 'text / css' / & gt; & lt; style type = "text / css" & gt; body {font-family: 'Ubuntu', sans-serif; } & lt; / style & gt;

Примечания :

«Latin» - это script , что английский и многие другие европейские и африканские языки написаны.

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

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

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

Вы можете встраивать шрифты Ubuntu с помощью , конвертируя их [ ! d4] до шрифтов 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 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;  }

Это поддерживается всеми последними браузерами .

Соображения

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

Question 12

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

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

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

Почему используется API-интерфейс Google Font API?

. ]

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

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

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

font.ubuntu.com/web [ ! d34]

Вы можете прочитать публикацию веб-шрифта Google о новостях, а затем:

Откройте каталог шрифтов Google: « Ubuntu - Использовать этот шрифт "page
Отметьте комбинацию весов и стилей из Regular, Italic, Bold и Bold-Italic, которые вам нужны для вашей веб-страницы. [!d32]
Если значение по умолчанию неверно, выберите комбинацию языка / скрипта, в которой вы нуждаетесь: русский сайт с английскими примерами может использовать «кириллицу, латынь». [!d33]
Добавьте указанный тег & lt; link & gt; между & lt; head & gt; ... & lt; / head & gt; на странице HTML или шаблонах и добавить соответствующий код CSS между & lt; style & gt; ... & lt; / style & gt; в вашем & lt; head & gt; . Например, если вы создавали гибридный веб-сайт на русском и английском языках и хотели использовать шрифт по умолчанию для всего текста, вы можете добавить следующий код между тегами & lt; head & gt; : & lt; link href = 'http: //fonts.googleapis.com/css? family = Ubuntu & amp; subset = cyrillic, latin' rel = 'stylesheet' type = 'text / css' / & gt; & lt; style type = "text / css" & gt; body {font-family: 'Ubuntu', sans-serif; } & lt; / style & gt;

Примечания :

«Latin» - это script , что английский и многие другие европейские и африканские языки написаны.

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

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

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

Вы можете встраивать шрифты Ubuntu с помощью , конвертируя их [ ! d4] до шрифтов 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 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;  }

Это поддерживается всеми последними браузерами .

Соображения

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

Question 13

Question 14

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

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

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

Почему используется API-интерфейс Google Font API?

. ]

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

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

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

font.ubuntu.com/web [ ! d34]

Вы можете прочитать публикацию веб-шрифта Google о новостях, а затем:

Откройте каталог шрифтов Google: « Ubuntu - Использовать этот шрифт "page
Отметьте комбинацию весов и стилей из Regular, Italic, Bold и Bold-Italic, которые вам нужны для вашей веб-страницы. [!d32]
Если значение по умолчанию неверно, выберите комбинацию языка / скрипта, в которой вы нуждаетесь: русский сайт с английскими примерами может использовать «кириллицу, латынь». [!d33]
Добавьте указанный тег & lt; link & gt; между & lt; head & gt; ... & lt; / head & gt; на странице HTML или шаблонах и добавить соответствующий код CSS между & lt; style & gt; ... & lt; / style & gt; в вашем & lt; head & gt; . Например, если вы создавали гибридный веб-сайт на русском и английском языках и хотели использовать шрифт по умолчанию для всего текста, вы можете добавить следующий код между тегами & lt; head & gt; : & lt; link href = 'http: //fonts.googleapis.com/css? family = Ubuntu & amp; subset = cyrillic, latin' rel = 'stylesheet' type = 'text / css' / & gt; & lt; style type = "text / css" & gt; body {font-family: 'Ubuntu', sans-serif; } & lt; / style & gt;

Примечания :

«Latin» - это script , что английский и многие другие европейские и африканские языки написаны.

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

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

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

Вы можете встраивать шрифты Ubuntu с помощью , конвертируя их [ ! d4] до шрифтов 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 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;  }

Это поддерживается всеми последними браузерами .

Соображения

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

Question 15

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

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

font.ubuntu.com/web

Вы можете прочитать публикацию Google Web Font о новостях, а затем:

Откройте каталог шрифтов Google: «Ubuntu - используйте этот шрифт "page Отметьте комбинацию весов и стилей из Regular, Italic, Bold и Bold-Italic, которые вам нужны для вашей веб-страницы. Если значение по умолчанию неверно, выберите комбинацию языка / скрипта, в которой вы нуждаетесь: русский сайт с английскими примерами может использовать «кириллицу, латынь». Скопируйте и вставьте две строки CSS в секции <head> ... </head> и <style>...</style> вашей HTML-страницы или шаблонов.

Примечания:

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

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

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

Question 16

Перенос шрифтов на стороне сервера (возможно, лучший «динамический рендеринг шрифтов») довольно интересный вопрос в течение довольно длительного времени.

Технически кажется логичным, что для того, чтобы машина отображала конкретный шрифт, он должен быть установлен локально.

С другой стороны, веб-дизайн сильно проигрывает, если придерживаться основных / общеизвестных «веб-шрифтов».

CSS2.1 сделали некоторые улучшения, используя объявление правила шрифта @ font-face. Это еще не стало стандартом, но в конечном итоге это будет с CSS3.

Кроме того, было несколько альтернативных методов, таких как:

sIFR - Scalable Inman Flash Замена cufon WEFT - Web Embedding Font Tools

Надеюсь, что ссылки предоставят вам лучшее представление о том, что можно сделать: -)

Question 17

Обработка шрифтов на стороне сервера (возможно, более «динамическая визуализация шрифтов») была довольно интересной проблемой в течение довольно длительного времени.

Технически представляется логичным, что для того, чтобы машина отображала определенный шрифт, он должен быть установлен локально.

С другой стороны, веб-дизайн сильно теряет, придерживаться основных / общеизвестных «веб-шрифтов».

CSS2.1 сделали некоторые улучшения, используя объявление @ font-face rule .

Кроме того, было несколько альтернативных методов, таких как:

Я надеюсь, что предоставленные ссылки дадут вам лучшее представление о том, что можно сделать; -)

Question 18

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

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

font.ubuntu.com/web

Вы можете прочитать публикацию Google Web Font о новостях, а затем:

Откройте каталог шрифтов Google: «Ubuntu - используйте этот шрифт "page Отметьте комбинацию весов и стилей из Regular, Italic, Bold и Bold-Italic, которые вам нужны для вашей веб-страницы. Если значение по умолчанию неверно, выберите комбинацию языка / скрипта, в которой вы нуждаетесь: русский сайт с английскими примерами может использовать «кириллицу, латынь». Скопируйте и вставьте две строки CSS в секции <head> ... </head> и <style>...</style> вашей HTML-страницы или шаблонов.

Примечания:

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

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

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

Question 19

Question 20

Обработка шрифтов на стороне сервера (возможно, более «динамическая визуализация шрифтов») была довольно интересной проблемой в течение довольно длительного времени.

Технически представляется логичным, что для того, чтобы машина отображала определенный шрифт, он должен быть установлен локально.

С другой стороны, веб-дизайн сильно теряет, придерживаться основных / общеизвестных «веб-шрифтов».

CSS2.1 сделали некоторые улучшения, используя объявление @ font-face rule .

Кроме того, было несколько альтернативных методов, таких как:

Я надеюсь, что предоставленные ссылки дадут вам лучшее представление о том, что можно сделать; -)

Question 21

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

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

font.ubuntu.com/web

Вы можете прочитать публикацию Google Web Font о новостях, а затем:

Откройте каталог шрифтов Google: «Ubuntu - используйте этот шрифт "page Отметьте комбинацию весов и стилей из Regular, Italic, Bold и Bold-Italic, которые вам нужны для вашей веб-страницы. Если значение по умолчанию неверно, выберите комбинацию языка / скрипта, в которой вы нуждаетесь: русский сайт с английскими примерами может использовать «кириллицу, латынь». Скопируйте и вставьте две строки CSS в секции <head> ... </head> и <style>...</style> вашей HTML-страницы или шаблонов.

Примечания:

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

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

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

Question 22

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

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

font.ubuntu.com/web

Вы можете прочитать публикацию веб-шрифта Google о новостях, а затем:

Откройте каталог шрифтов Google: « Ubuntu - используйте этот шрифт " page
Отметьте комбинацию весов и стилей из Regular, Italic, Bold и Bold-Italic, которые вам нужны для вашей веб-страницы.
Если значение по умолчанию неверно, выберите нужную вам комбинацию языка / скрипта: русский веб-сайт с английским языком примеры могут использовать «кириллицу, латынь».
Скопируйте и вставьте две строки CSS в & lt; head & gt; ... & lt; / head & gt; и & lt; style & gt; ... & lt; / style & gt; вашей HTML-страницы или шаблонов.

] Примечания:

«Latin» - это script , на котором написаны английский и многие другие европейские и африканские языки.

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

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

Question 23

Перенос шрифтов на стороне сервера (возможно, лучший «динамический рендеринг шрифтов») довольно интересный вопрос в течение довольно длительного времени.

Технически кажется логичным, что для того, чтобы машина отображала конкретный шрифт, он должен быть установлен локально.

С другой стороны, веб-дизайн сильно проигрывает, если придерживаться основных / общеизвестных «веб-шрифтов».

CSS2.1 сделали некоторые улучшения, используя объявление правила шрифта @ font-face. Это еще не стало стандартом, но в конечном итоге это будет с CSS3.

Кроме того, было несколько альтернативных методов, таких как:

sIFR - Scalable Inman Flash Замена cufon WEFT - Web Embedding Font Tools

Надеюсь, что ссылки предоставят вам лучшее представление о том, что можно сделать: -)

Question 24

Перенос шрифтов на стороне сервера (возможно, лучший «динамический рендеринг шрифтов») довольно интересный вопрос в течение довольно длительного времени.

Технически кажется логичным, что для того, чтобы машина отображала конкретный шрифт, он должен быть установлен локально.

С другой стороны, веб-дизайн сильно проигрывает, если придерживаться основных / общеизвестных «веб-шрифтов».

CSS2.1 сделали некоторые улучшения, используя объявление правила шрифта @ font-face. Это еще не стало стандартом, но в конечном итоге это будет с CSS3.

Кроме того, было несколько альтернативных методов, таких как:

sIFR - Scalable Inman Flash Замена cufon WEFT - Web Embedding Font Tools

Надеюсь, что ссылки предоставят вам лучшее представление о том, что можно сделать: -)

Question 25

Question 26

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

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

font.ubuntu.com/web

Вы можете прочитать публикацию Google Web Font о новостях, а затем:

Откройте каталог шрифтов Google: «Ubuntu - используйте этот шрифт "page Отметьте комбинацию весов и стилей из Regular, Italic, Bold и Bold-Italic, которые вам нужны для вашей веб-страницы. Если значение по умолчанию неверно, выберите комбинацию языка / скрипта, в которой вы нуждаетесь: русский сайт с английскими примерами может использовать «кириллицу, латынь». Скопируйте и вставьте две строки CSS в секции <head> ... </head> и <style>...</style> вашей HTML-страницы или шаблонов.

Примечания:

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

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

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

Question 27

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

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

font.ubuntu.com/web

Вы можете прочитать публикацию веб-шрифта Google о новостях, а затем:

Откройте каталог шрифтов Google: « Ubuntu - используйте этот шрифт " page
Отметьте комбинацию весов и стилей из Regular, Italic, Bold и Bold-Italic, которые вам нужны для вашей веб-страницы.
Если значение по умолчанию неверно, выберите нужную вам комбинацию языка / скрипта: русский веб-сайт с английским языком примеры могут использовать «кириллицу, латынь».
Скопируйте и вставьте две строки CSS в & lt; head & gt; ... & lt; / head & gt; и & lt; style & gt; ... & lt; / style & gt; вашей HTML-страницы или шаблонов.

] Примечания:

«Latin» - это script , на котором написаны английский и многие другие европейские и африканские языки.

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

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

Question 28

Обработка шрифтов на стороне сервера (возможно, более «динамическая визуализация шрифтов») была довольно интересной проблемой в течение довольно длительного времени.

Технически представляется логичным, что для того, чтобы машина отображала определенный шрифт, он должен быть установлен локально.

С другой стороны, веб-дизайн сильно теряет, придерживаться основных / общеизвестных «веб-шрифтов».

CSS2.1 сделали некоторые улучшения, используя объявление @ font-face rule .

Кроме того, было несколько альтернативных методов, таких как:

Я надеюсь, что предоставленные ссылки дадут вам лучшее представление о том, что можно сделать; -)

Question 29

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

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

font.ubuntu.com/web

Вы можете прочитать публикацию веб-шрифта Google о новостях, а затем:

Откройте каталог шрифтов Google: « Ubuntu - используйте этот шрифт " page
Отметьте комбинацию весов и стилей из Regular, Italic, Bold и Bold-Italic, которые вам нужны для вашей веб-страницы.
Если значение по умолчанию неверно, выберите нужную вам комбинацию языка / скрипта: русский веб-сайт с английским языком примеры могут использовать «кириллицу, латынь».
Скопируйте и вставьте две строки CSS в & lt; head & gt; ... & lt; / head & gt; и & lt; style & gt; ... & lt; / style & gt; вашей HTML-страницы или шаблонов.

] Примечания:

«Latin» - это script , на котором написаны английский и многие другие европейские и африканские языки.

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

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

Question 30

Обработка шрифтов на стороне сервера (возможно, более «динамическая визуализация шрифтов») была довольно интересной проблемой в течение довольно длительного времени.

Технически представляется логичным, что для того, чтобы машина отображала определенный шрифт, он должен быть установлен локально.

С другой стороны, веб-дизайн сильно теряет, придерживаться основных / общеизвестных «веб-шрифтов».

CSS2.1 сделали некоторые улучшения, используя объявление @ font-face rule .

Кроме того, было несколько альтернативных методов, таких как:

Я надеюсь, что предоставленные ссылки дадут вам лучшее представление о том, что можно сделать; -)

Question 31

Question 32

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

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

font.ubuntu.com/web

Вы можете прочитать публикацию веб-шрифта Google о новостях, а затем:

Откройте каталог шрифтов Google: « Ubuntu - используйте этот шрифт " page
Отметьте комбинацию весов и стилей из Regular, Italic, Bold и Bold-Italic, которые вам нужны для вашей веб-страницы.
Если значение по умолчанию неверно, выберите нужную вам комбинацию языка / скрипта: русский веб-сайт с английским языком примеры могут использовать «кириллицу, латынь».
Скопируйте и вставьте две строки CSS в & lt; head & gt; ... & lt; / head & gt; и & lt; style & gt; ... & lt; / style & gt; вашей HTML-страницы или шаблонов.

] Примечания:

«Latin» - это script , на котором написаны английский и многие другие европейские и африканские языки.

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

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

Question 33

Обработка шрифтов на стороне сервера (возможно, более «динамическая визуализация шрифтов») была довольно интересной проблемой в течение довольно длительного времени.

Технически представляется логичным, что для того, чтобы машина отображала определенный шрифт, он должен быть установлен локально.

С другой стороны, веб-дизайн сильно теряет, придерживаться основных / общеизвестных «веб-шрифтов».

CSS2.1 сделали некоторые улучшения, используя объявление @ font-face rule .

Кроме того, было несколько альтернативных методов, таких как:

Я надеюсь, что предоставленные ссылки дадут вам лучшее представление о том, что можно сделать; -)

Question 34

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

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

font.ubuntu.com/web

Вы можете прочитать публикацию веб-шрифта Google о новостях, а затем:

Откройте каталог шрифтов Google: « Ubuntu - используйте этот шрифт " page
Отметьте комбинацию весов и стилей из Regular, Italic, Bold и Bold-Italic, которые вам нужны для вашей веб-страницы.
Если значение по умолчанию неверно, выберите нужную вам комбинацию языка / скрипта: русский веб-сайт с английским языком примеры могут использовать «кириллицу, латынь».
Скопируйте и вставьте две строки CSS в & lt; head & gt; ... & lt; / head & gt; и & lt; style & gt; ... & lt; / style & gt; вашей HTML-страницы или шаблонов.

] Примечания:

«Latin» - это script , на котором написаны английский и многие другие европейские и африканские языки.

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

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

Question 35

Обработка шрифтов на стороне сервера (возможно, более «динамическая визуализация шрифтов») была довольно интересной проблемой в течение довольно длительного времени.

Технически представляется логичным, что для того, чтобы машина отображала определенный шрифт, он должен быть установлен локально.

С другой стороны, веб-дизайн сильно теряет, придерживаться основных / общеизвестных «веб-шрифтов».

CSS2.1 сделали некоторые улучшения, используя объявление @ font-face rule .

Кроме того, было несколько альтернативных методов, таких как:

Я надеюсь, что предоставленные ссылки дадут вам лучшее представление о том, что можно сделать; -)

Question 36

Обработка шрифтов на стороне сервера (возможно, более «динамическая визуализация шрифтов») была довольно интересной проблемой в течение довольно длительного времени.

Технически представляется логичным, что для того, чтобы машина отображала определенный шрифт, он должен быть установлен локально.

С другой стороны, веб-дизайн сильно теряет, придерживаться основных / общеизвестных «веб-шрифтов».

CSS2.1 сделали некоторые улучшения, используя объявление @ font-face rule .

Кроме того, было несколько альтернативных методов, таких как:

Я надеюсь, что предоставленные ссылки дадут вам лучшее представление о том, что можно сделать; -)

Question 37

Question 38

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

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

font.ubuntu.com/web

Вы можете прочитать публикацию веб-шрифта Google о новостях, а затем:

Откройте каталог шрифтов Google: « Ubuntu - используйте этот шрифт " page
Отметьте комбинацию весов и стилей из Regular, Italic, Bold и Bold-Italic, которые вам нужны для вашей веб-страницы.
Если значение по умолчанию неверно, выберите нужную вам комбинацию языка / скрипта: русский веб-сайт с английским языком примеры могут использовать «кириллицу, латынь».
Скопируйте и вставьте две строки CSS в & lt; head & gt; ... & lt; / head & gt; и & lt; style & gt; ... & lt; / style & gt; вашей HTML-страницы или шаблонов.

] Примечания:

«Latin» - это script , на котором написаны английский и многие другие европейские и африканские языки.

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

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

Community · Accepted Answer · 26 May 2018 в 00:04

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

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

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

ответ sladen

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

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

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

font.ubuntu.com/web

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

Как я могу использовать 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 для точных условий относительно того, как можно распространять шрифт.

@ DKuntz2 - это действительно лучше; Теперь я изменил свой ответ. — dv3500ea, 2 January 2011 в 04:38
Не понимал необходимости копировать ответ Слайдена. Почему бы просто не отредактировать его? — papukaija, 13 February 2011 в 20:43
Я ответил на этот вопрос задолго до сладенького, изложив метод @ font-face. Это было до того, как шрифт был добавлен в API шрифтов Google (это лучший метод). Я добавил лишь короткую заметку к началу моего ответа, и сладен ответил гораздо более всесторонне и получил лучший ответ за использование метода google. — dv3500ea, 13 February 2011 в 21:02
Тем не менее, в это время мой ответ был принят и сильно поддержал, и в результате люди подумали, что они должны использовать метод @ font-face, который менее предпочтителен. sladen связался со мной по электронной почте об этом, и я согласился изменить свой ответ, предоставив атрибуцию, как того требует лицензия Creative Commons на этом сайте. — dv3500ea, 13 February 2011 в 21:02

Community · Accepted Answer · 25 July 2018 в 22:47

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

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

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

Почему используется API-интерфейс Google Font API?

. ]

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

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

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

font.ubuntu.com/web [ ! d34]

Вы можете прочитать публикацию веб-шрифта Google о новостях, а затем:

Откройте каталог шрифтов Google: « Ubuntu - Использовать этот шрифт "page
Отметьте комбинацию весов и стилей из Regular, Italic, Bold и Bold-Italic, которые вам нужны для вашей веб-страницы. [!d32]
Если значение по умолчанию неверно, выберите комбинацию языка / скрипта, в которой вы нуждаетесь: русский сайт с английскими примерами может использовать «кириллицу, латынь». [!d33]
Добавьте указанный тег & lt; link & gt; между & lt; head & gt; ... & lt; / head & gt; на странице HTML или шаблонах и добавить соответствующий код CSS между & lt; style & gt; ... & lt; / style & gt; в вашем & lt; head & gt; . Например, если вы создавали гибридный веб-сайт на русском и английском языках и хотели использовать шрифт по умолчанию для всего текста, вы можете добавить следующий код между тегами & lt; head & gt; : & lt; link href = 'http: //fonts.googleapis.com/css? family = Ubuntu & amp; subset = cyrillic, latin' rel = 'stylesheet' type = 'text / css' / & gt; & lt; style type = "text / css" & gt; body {font-family: 'Ubuntu', sans-serif; } & lt; / style & gt;

Примечания :

«Latin» - это script , что английский и многие другие европейские и африканские языки написаны.

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

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

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

Вы можете встраивать шрифты Ubuntu с помощью , конвертируя их [ ! d4] до шрифтов 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 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;  }

Это поддерживается всеми последними браузерами .

Соображения

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

Community · Accepted Answer · 27 July 2018 в 00:22

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

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

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

ответ sladen

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

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

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

font.ubuntu.com/web

Вы можете прочитать публикацию в Google Web Font о новостях, а затем:

Откройте каталог шрифтов Google: «Ubuntu - используйте этот шрифт». Отметьте комбинацию весов и стилей из Regular, Italic, Bold и Bold-Italic, которые вам нужны для вашей веб-страницы. Если значение по умолчанию неверно, выберите комбинацию языка / скрипта, в которой вы нуждаетесь: русский сайт с английскими примерами может использовать «кириллицу, латынь». Добавьте данный тег <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>

Как я могу использовать 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 для точных условий относительно того, как можно распространять шрифт.

Community · Accepted Answer · 31 July 2018 в 10:40

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

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

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

ответ sladen

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

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

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

font.ubuntu.com/web

Вы можете прочитать публикацию в Google Web Font о новостях, а затем:

Откройте каталог шрифтов Google: «Ubuntu - используйте этот шрифт». Отметьте комбинацию весов и стилей из Regular, Italic, Bold и Bold-Italic, которые вам нужны для вашей веб-страницы. Если значение по умолчанию неверно, выберите комбинацию языка / скрипта, в которой вы нуждаетесь: русский сайт с английскими примерами может использовать «кириллицу, латынь». Добавьте данный тег <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>

Как я могу использовать 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 для точных условий относительно того, как можно распространять шрифт.

Community · Accepted Answer · 2 August 2018 в 04:11

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

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

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

ответ sladen

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

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

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

font.ubuntu.com/web

Вы можете прочитать публикацию в Google Web Font о новостях, а затем:

Откройте каталог шрифтов Google: «Ubuntu - используйте этот шрифт». Отметьте комбинацию весов и стилей из Regular, Italic, Bold и Bold-Italic, которые вам нужны для вашей веб-страницы. Если значение по умолчанию неверно, выберите комбинацию языка / скрипта, в которой вы нуждаетесь: русский сайт с английскими примерами может использовать «кириллицу, латынь». Добавьте данный тег <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>

Как я могу использовать 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 для точных условий относительно того, как можно распространять шрифт.

Community · Accepted Answer · 4 August 2018 в 20:16

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

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

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

Почему используется API-интерфейс Google Font API?

. ]

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

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

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

font.ubuntu.com/web [ ! d34]

Вы можете прочитать публикацию веб-шрифта Google о новостях, а затем:

Откройте каталог шрифтов Google: « Ubuntu - Использовать этот шрифт "page
Отметьте комбинацию весов и стилей из Regular, Italic, Bold и Bold-Italic, которые вам нужны для вашей веб-страницы. [!d32]
Если значение по умолчанию неверно, выберите комбинацию языка / скрипта, в которой вы нуждаетесь: русский сайт с английскими примерами может использовать «кириллицу, латынь». [!d33]
Добавьте указанный тег & lt; link & gt; между & lt; head & gt; ... & lt; / head & gt; на странице HTML или шаблонах и добавить соответствующий код CSS между & lt; style & gt; ... & lt; / style & gt; в вашем & lt; head & gt; . Например, если вы создавали гибридный веб-сайт на русском и английском языках и хотели использовать шрифт по умолчанию для всего текста, вы можете добавить следующий код между тегами & lt; head & gt; : & lt; link href = 'http: //fonts.googleapis.com/css? family = Ubuntu & amp; subset = cyrillic, latin' rel = 'stylesheet' type = 'text / css' / & gt; & lt; style type = "text / css" & gt; body {font-family: 'Ubuntu', sans-serif; } & lt; / style & gt;

Примечания :

«Latin» - это script , что английский и многие другие европейские и африканские языки написаны.

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

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

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

Вы можете встраивать шрифты Ubuntu с помощью , конвертируя их [ ! d4] до шрифтов 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 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;  }

Это поддерживается всеми последними браузерами .

Соображения

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

Community · Accepted Answer · 6 August 2018 в 04:16

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

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

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

Почему используется API-интерфейс Google Font API?

. ]

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

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

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

font.ubuntu.com/web [ ! d34]

Вы можете прочитать публикацию веб-шрифта Google о новостях, а затем:

Откройте каталог шрифтов Google: « Ubuntu - Использовать этот шрифт "page
Отметьте комбинацию весов и стилей из Regular, Italic, Bold и Bold-Italic, которые вам нужны для вашей веб-страницы. [!d32]
Если значение по умолчанию неверно, выберите комбинацию языка / скрипта, в которой вы нуждаетесь: русский сайт с английскими примерами может использовать «кириллицу, латынь». [!d33]
Добавьте указанный тег & lt; link & gt; между & lt; head & gt; ... & lt; / head & gt; на странице HTML или шаблонах и добавить соответствующий код CSS между & lt; style & gt; ... & lt; / style & gt; в вашем & lt; head & gt; . Например, если вы создавали гибридный веб-сайт на русском и английском языках и хотели использовать шрифт по умолчанию для всего текста, вы можете добавить следующий код между тегами & lt; head & gt; : & lt; link href = 'http: //fonts.googleapis.com/css? family = Ubuntu & amp; subset = cyrillic, latin' rel = 'stylesheet' type = 'text / css' / & gt; & lt; style type = "text / css" & gt; body {font-family: 'Ubuntu', sans-serif; } & lt; / style & gt;

Примечания :

«Latin» - это script , что английский и многие другие европейские и африканские языки написаны.

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

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

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

Вы можете встраивать шрифты Ubuntu с помощью , конвертируя их [ ! d4] до шрифтов 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 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;  }

Это поддерживается всеми последними браузерами .

Соображения

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

Community · Accepted Answer · 7 August 2018 в 22:20

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

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

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

Почему используется API-интерфейс Google Font API?

. ]

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

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

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

font.ubuntu.com/web [ ! d34]

Вы можете прочитать публикацию веб-шрифта Google о новостях, а затем:

Откройте каталог шрифтов Google: « Ubuntu - Использовать этот шрифт "page
Отметьте комбинацию весов и стилей из Regular, Italic, Bold и Bold-Italic, которые вам нужны для вашей веб-страницы. [!d32]
Если значение по умолчанию неверно, выберите комбинацию языка / скрипта, в которой вы нуждаетесь: русский сайт с английскими примерами может использовать «кириллицу, латынь». [!d33]
Добавьте указанный тег & lt; link & gt; между & lt; head & gt; ... & lt; / head & gt; на странице HTML или шаблонах и добавить соответствующий код CSS между & lt; style & gt; ... & lt; / style & gt; в вашем & lt; head & gt; . Например, если вы создавали гибридный веб-сайт на русском и английском языках и хотели использовать шрифт по умолчанию для всего текста, вы можете добавить следующий код между тегами & lt; head & gt; : & lt; link href = 'http: //fonts.googleapis.com/css? family = Ubuntu & amp; subset = cyrillic, latin' rel = 'stylesheet' type = 'text / css' / & gt; & lt; style type = "text / css" & gt; body {font-family: 'Ubuntu', sans-serif; } & lt; / style & gt;

Примечания :

«Latin» - это script , что английский и многие другие европейские и африканские языки написаны.

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

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

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

Вы можете встраивать шрифты Ubuntu с помощью , конвертируя их [ ! d4] до шрифтов 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 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;  }

Это поддерживается всеми последними браузерами .

Соображения

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

Community · Accepted Answer · 10 August 2018 в 10:31

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

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

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

Почему используется API-интерфейс Google Font API?

. ]

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

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

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

font.ubuntu.com/web [ ! d34]

Вы можете прочитать публикацию веб-шрифта Google о новостях, а затем:

Откройте каталог шрифтов Google: « Ubuntu - Использовать этот шрифт "page
Отметьте комбинацию весов и стилей из Regular, Italic, Bold и Bold-Italic, которые вам нужны для вашей веб-страницы. [!d32]
Если значение по умолчанию неверно, выберите комбинацию языка / скрипта, в которой вы нуждаетесь: русский сайт с английскими примерами может использовать «кириллицу, латынь». [!d33]
Добавьте указанный тег & lt; link & gt; между & lt; head & gt; ... & lt; / head & gt; на странице HTML или шаблонах и добавить соответствующий код CSS между & lt; style & gt; ... & lt; / style & gt; в вашем & lt; head & gt; . Например, если вы создавали гибридный веб-сайт на русском и английском языках и хотели использовать шрифт по умолчанию для всего текста, вы можете добавить следующий код между тегами & lt; head & gt; : & lt; link href = 'http: //fonts.googleapis.com/css? family = Ubuntu & amp; subset = cyrillic, latin' rel = 'stylesheet' type = 'text / css' / & gt; & lt; style type = "text / css" & gt; body {font-family: 'Ubuntu', sans-serif; } & lt; / style & gt;

Примечания :

«Latin» - это script , что английский и многие другие европейские и африканские языки написаны.

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

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

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

Вы можете встраивать шрифты Ubuntu с помощью , конвертируя их [ ! d4] до шрифтов 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 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;  }

Это поддерживается всеми последними браузерами .

Соображения

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

Community · Accepted Answer · 13 August 2018 в 16:57

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

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

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

Почему используется API-интерфейс Google Font API?

. ]

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

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

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

font.ubuntu.com/web [ ! d34]

Вы можете прочитать публикацию веб-шрифта Google о новостях, а затем:

Откройте каталог шрифтов Google: « Ubuntu - Использовать этот шрифт "page
Отметьте комбинацию весов и стилей из Regular, Italic, Bold и Bold-Italic, которые вам нужны для вашей веб-страницы. [!d32]
Если значение по умолчанию неверно, выберите комбинацию языка / скрипта, в которой вы нуждаетесь: русский сайт с английскими примерами может использовать «кириллицу, латынь». [!d33]
Добавьте указанный тег & lt; link & gt; между & lt; head & gt; ... & lt; / head & gt; на странице HTML или шаблонах и добавить соответствующий код CSS между & lt; style & gt; ... & lt; / style & gt; в вашем & lt; head & gt; . Например, если вы создавали гибридный веб-сайт на русском и английском языках и хотели использовать шрифт по умолчанию для всего текста, вы можете добавить следующий код между тегами & lt; head & gt; : & lt; link href = 'http: //fonts.googleapis.com/css? family = Ubuntu & amp; subset = cyrillic, latin' rel = 'stylesheet' type = 'text / css' / & gt; & lt; style type = "text / css" & gt; body {font-family: 'Ubuntu', sans-serif; } & lt; / style & gt;

Примечания :

«Latin» - это script , что английский и многие другие европейские и африканские языки написаны.

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

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

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

Вы можете встраивать шрифты Ubuntu с помощью , конвертируя их [ ! d4] до шрифтов 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 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;  }

Это поддерживается всеми последними браузерами .

Соображения

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

@ DKuntz2 - это действительно лучше; Теперь я изменил свой ответ. — dv3500ea, 2 January 2011 в 04:38
Не понимал необходимости копировать ответ Слайдена. Почему бы просто не отредактировать его? — papukaija, 13 February 2011 в 20:43
Я ответил на этот вопрос задолго до сладенького, изложив метод @ font-face. Это было до того, как шрифт был добавлен в API шрифтов Google (это лучший метод). Я добавил лишь короткую заметку к началу моего ответа, и сладен ответил гораздо более всесторонне и получил лучший ответ за использование метода google. — dv3500ea, 13 February 2011 в 21:02
Тем не менее, в это время мой ответ был принят и сильно поддержал, и в результате люди подумали, что они должны использовать метод @ font-face, который менее предпочтителен. sladen связался со мной по электронной почте об этом, и я согласился изменить свой ответ, предоставив атрибуцию, как того требует лицензия Creative Commons на этом сайте. — dv3500ea, 13 February 2011 в 21:02

Subin · Answer 11 · 26 May 2018 в 00:04

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

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

font.ubuntu.com/web

Вы можете прочитать публикацию Google Web Font о новостях, а затем:

Откройте каталог шрифтов Google: «Ubuntu - используйте этот шрифт "page Отметьте комбинацию весов и стилей из Regular, Italic, Bold и Bold-Italic, которые вам нужны для вашей веб-страницы. Если значение по умолчанию неверно, выберите комбинацию языка / скрипта, в которой вы нуждаетесь: русский сайт с английскими примерами может использовать «кириллицу, латынь». Скопируйте и вставьте две строки CSS в секции <head> ... </head> и <style>...</style> вашей HTML-страницы или шаблонов.

Примечания:

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

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

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

Pavlos G. · Answer 12 · 26 May 2018 в 00:04

Перенос шрифтов на стороне сервера (возможно, лучший «динамический рендеринг шрифтов») довольно интересный вопрос в течение довольно длительного времени.

Технически кажется логичным, что для того, чтобы машина отображала конкретный шрифт, он должен быть установлен локально.

С другой стороны, веб-дизайн сильно проигрывает, если придерживаться основных / общеизвестных «веб-шрифтов».

CSS2.1 сделали некоторые улучшения, используя объявление правила шрифта @ font-face. Это еще не стало стандартом, но в конечном итоге это будет с CSS3.

Кроме того, было несколько альтернативных методов, таких как:

sIFR - Scalable Inman Flash Замена cufon WEFT - Web Embedding Font Tools

Надеюсь, что ссылки предоставят вам лучшее представление о том, что можно сделать: -)

Pavlos G. · Answer 13 · 25 July 2018 в 22:47

Обработка шрифтов на стороне сервера (возможно, более «динамическая визуализация шрифтов») была довольно интересной проблемой в течение довольно длительного времени.

Технически представляется логичным, что для того, чтобы машина отображала определенный шрифт, он должен быть установлен локально.

С другой стороны, веб-дизайн сильно теряет, придерживаться основных / общеизвестных «веб-шрифтов».

CSS2.1 сделали некоторые улучшения, используя объявление @ font-face rule .

Кроме того, было несколько альтернативных методов, таких как:

Я надеюсь, что предоставленные ссылки дадут вам лучшее представление о том, что можно сделать; -)

Subin · Answer 14 · 25 July 2018 в 22:47

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

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

font.ubuntu.com/web

Вы можете прочитать публикацию Google Web Font о новостях, а затем:

Откройте каталог шрифтов Google: «Ubuntu - используйте этот шрифт "page Отметьте комбинацию весов и стилей из Regular, Italic, Bold и Bold-Italic, которые вам нужны для вашей веб-страницы. Если значение по умолчанию неверно, выберите комбинацию языка / скрипта, в которой вы нуждаетесь: русский сайт с английскими примерами может использовать «кириллицу, латынь». Скопируйте и вставьте две строки CSS в секции <head> ... </head> и <style>...</style> вашей HTML-страницы или шаблонов.

Примечания:

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

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

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

Pavlos G. · Answer 15 · 27 July 2018 в 00:22

Обработка шрифтов на стороне сервера (возможно, более «динамическая визуализация шрифтов») была довольно интересной проблемой в течение довольно длительного времени.

Технически представляется логичным, что для того, чтобы машина отображала определенный шрифт, он должен быть установлен локально.

С другой стороны, веб-дизайн сильно теряет, придерживаться основных / общеизвестных «веб-шрифтов».

CSS2.1 сделали некоторые улучшения, используя объявление @ font-face rule .

Кроме того, было несколько альтернативных методов, таких как:

Я надеюсь, что предоставленные ссылки дадут вам лучшее представление о том, что можно сделать; -)

Subin · Answer 16 · 27 July 2018 в 00:22

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

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

font.ubuntu.com/web

Вы можете прочитать публикацию Google Web Font о новостях, а затем:

Откройте каталог шрифтов Google: «Ubuntu - используйте этот шрифт "page Отметьте комбинацию весов и стилей из Regular, Italic, Bold и Bold-Italic, которые вам нужны для вашей веб-страницы. Если значение по умолчанию неверно, выберите комбинацию языка / скрипта, в которой вы нуждаетесь: русский сайт с английскими примерами может использовать «кириллицу, латынь». Скопируйте и вставьте две строки CSS в секции <head> ... </head> и <style>...</style> вашей HTML-страницы или шаблонов.

Примечания:

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

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

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

Subin · Answer 17 · 31 July 2018 в 10:40

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

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

font.ubuntu.com/web

Вы можете прочитать публикацию веб-шрифта Google о новостях, а затем:

Откройте каталог шрифтов Google: « Ubuntu - используйте этот шрифт " page
Отметьте комбинацию весов и стилей из Regular, Italic, Bold и Bold-Italic, которые вам нужны для вашей веб-страницы.
Если значение по умолчанию неверно, выберите нужную вам комбинацию языка / скрипта: русский веб-сайт с английским языком примеры могут использовать «кириллицу, латынь».
Скопируйте и вставьте две строки CSS в & lt; head & gt; ... & lt; / head & gt; и & lt; style & gt; ... & lt; / style & gt; вашей HTML-страницы или шаблонов.

] Примечания:

«Latin» - это script , на котором написаны английский и многие другие европейские и африканские языки.

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

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

Pavlos G. · Answer 18 · 31 July 2018 в 10:40

Перенос шрифтов на стороне сервера (возможно, лучший «динамический рендеринг шрифтов») довольно интересный вопрос в течение довольно длительного времени.

Технически кажется логичным, что для того, чтобы машина отображала конкретный шрифт, он должен быть установлен локально.

С другой стороны, веб-дизайн сильно проигрывает, если придерживаться основных / общеизвестных «веб-шрифтов».

CSS2.1 сделали некоторые улучшения, используя объявление правила шрифта @ font-face. Это еще не стало стандартом, но в конечном итоге это будет с CSS3.

Кроме того, было несколько альтернативных методов, таких как:

sIFR - Scalable Inman Flash Замена cufon WEFT - Web Embedding Font Tools

Надеюсь, что ссылки предоставят вам лучшее представление о том, что можно сделать: -)

Pavlos G. · Answer 19 · 2 August 2018 в 04:11

Перенос шрифтов на стороне сервера (возможно, лучший «динамический рендеринг шрифтов») довольно интересный вопрос в течение довольно длительного времени.

Технически кажется логичным, что для того, чтобы машина отображала конкретный шрифт, он должен быть установлен локально.

С другой стороны, веб-дизайн сильно проигрывает, если придерживаться основных / общеизвестных «веб-шрифтов».

CSS2.1 сделали некоторые улучшения, используя объявление правила шрифта @ font-face. Это еще не стало стандартом, но в конечном итоге это будет с CSS3.

Кроме того, было несколько альтернативных методов, таких как:

sIFR - Scalable Inman Flash Замена cufon WEFT - Web Embedding Font Tools

Надеюсь, что ссылки предоставят вам лучшее представление о том, что можно сделать: -)

Subin · Answer 20 · 2 August 2018 в 04:11

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

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

font.ubuntu.com/web

Вы можете прочитать публикацию Google Web Font о новостях, а затем:

Откройте каталог шрифтов Google: «Ubuntu - используйте этот шрифт "page Отметьте комбинацию весов и стилей из Regular, Italic, Bold и Bold-Italic, которые вам нужны для вашей веб-страницы. Если значение по умолчанию неверно, выберите комбинацию языка / скрипта, в которой вы нуждаетесь: русский сайт с английскими примерами может использовать «кириллицу, латынь». Скопируйте и вставьте две строки CSS в секции <head> ... </head> и <style>...</style> вашей HTML-страницы или шаблонов.

Примечания:

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

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

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

Subin · Answer 21 · 4 August 2018 в 20:16

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

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

font.ubuntu.com/web

Вы можете прочитать публикацию веб-шрифта Google о новостях, а затем:

Откройте каталог шрифтов Google: « Ubuntu - используйте этот шрифт " page
Отметьте комбинацию весов и стилей из Regular, Italic, Bold и Bold-Italic, которые вам нужны для вашей веб-страницы.
Если значение по умолчанию неверно, выберите нужную вам комбинацию языка / скрипта: русский веб-сайт с английским языком примеры могут использовать «кириллицу, латынь».
Скопируйте и вставьте две строки CSS в & lt; head & gt; ... & lt; / head & gt; и & lt; style & gt; ... & lt; / style & gt; вашей HTML-страницы или шаблонов.

] Примечания:

«Latin» - это script , на котором написаны английский и многие другие европейские и африканские языки.

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

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

Pavlos G. · Answer 22 · 4 August 2018 в 20:16

Обработка шрифтов на стороне сервера (возможно, более «динамическая визуализация шрифтов») была довольно интересной проблемой в течение довольно длительного времени.

Технически представляется логичным, что для того, чтобы машина отображала определенный шрифт, он должен быть установлен локально.

С другой стороны, веб-дизайн сильно теряет, придерживаться основных / общеизвестных «веб-шрифтов».

CSS2.1 сделали некоторые улучшения, используя объявление @ font-face rule .

Кроме того, было несколько альтернативных методов, таких как:

Я надеюсь, что предоставленные ссылки дадут вам лучшее представление о том, что можно сделать; -)

Subin · Answer 23 · 6 August 2018 в 04:16

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

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

font.ubuntu.com/web

Вы можете прочитать публикацию веб-шрифта Google о новостях, а затем:

Откройте каталог шрифтов Google: « Ubuntu - используйте этот шрифт " page
Отметьте комбинацию весов и стилей из Regular, Italic, Bold и Bold-Italic, которые вам нужны для вашей веб-страницы.
Если значение по умолчанию неверно, выберите нужную вам комбинацию языка / скрипта: русский веб-сайт с английским языком примеры могут использовать «кириллицу, латынь».
Скопируйте и вставьте две строки CSS в & lt; head & gt; ... & lt; / head & gt; и & lt; style & gt; ... & lt; / style & gt; вашей HTML-страницы или шаблонов.

] Примечания:

«Latin» - это script , на котором написаны английский и многие другие европейские и африканские языки.

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

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

Pavlos G. · Answer 24 · 6 August 2018 в 04:16

Обработка шрифтов на стороне сервера (возможно, более «динамическая визуализация шрифтов») была довольно интересной проблемой в течение довольно длительного времени.

Технически представляется логичным, что для того, чтобы машина отображала определенный шрифт, он должен быть установлен локально.

С другой стороны, веб-дизайн сильно теряет, придерживаться основных / общеизвестных «веб-шрифтов».

CSS2.1 сделали некоторые улучшения, используя объявление @ font-face rule .

Кроме того, было несколько альтернативных методов, таких как:

Я надеюсь, что предоставленные ссылки дадут вам лучшее представление о том, что можно сделать; -)

Subin · Answer 25 · 7 August 2018 в 22:20

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

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

font.ubuntu.com/web

Вы можете прочитать публикацию веб-шрифта Google о новостях, а затем:

Откройте каталог шрифтов Google: « Ubuntu - используйте этот шрифт " page
Отметьте комбинацию весов и стилей из Regular, Italic, Bold и Bold-Italic, которые вам нужны для вашей веб-страницы.
Если значение по умолчанию неверно, выберите нужную вам комбинацию языка / скрипта: русский веб-сайт с английским языком примеры могут использовать «кириллицу, латынь».
Скопируйте и вставьте две строки CSS в & lt; head & gt; ... & lt; / head & gt; и & lt; style & gt; ... & lt; / style & gt; вашей HTML-страницы или шаблонов.

] Примечания:

«Latin» - это script , на котором написаны английский и многие другие европейские и африканские языки.

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

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

Pavlos G. · Answer 26 · 7 August 2018 в 22:20

Обработка шрифтов на стороне сервера (возможно, более «динамическая визуализация шрифтов») была довольно интересной проблемой в течение довольно длительного времени.

Технически представляется логичным, что для того, чтобы машина отображала определенный шрифт, он должен быть установлен локально.

С другой стороны, веб-дизайн сильно теряет, придерживаться основных / общеизвестных «веб-шрифтов».

CSS2.1 сделали некоторые улучшения, используя объявление @ font-face rule .

Кроме того, было несколько альтернативных методов, таких как:

Я надеюсь, что предоставленные ссылки дадут вам лучшее представление о том, что можно сделать; -)

Subin · Answer 27 · 10 August 2018 в 10:31

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

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

font.ubuntu.com/web

Вы можете прочитать публикацию веб-шрифта Google о новостях, а затем:

Откройте каталог шрифтов Google: « Ubuntu - используйте этот шрифт " page
Отметьте комбинацию весов и стилей из Regular, Italic, Bold и Bold-Italic, которые вам нужны для вашей веб-страницы.
Если значение по умолчанию неверно, выберите нужную вам комбинацию языка / скрипта: русский веб-сайт с английским языком примеры могут использовать «кириллицу, латынь».
Скопируйте и вставьте две строки CSS в & lt; head & gt; ... & lt; / head & gt; и & lt; style & gt; ... & lt; / style & gt; вашей HTML-страницы или шаблонов.

] Примечания:

«Latin» - это script , на котором написаны английский и многие другие европейские и африканские языки.

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

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

Pavlos G. · Answer 28 · 10 August 2018 в 10:31

Обработка шрифтов на стороне сервера (возможно, более «динамическая визуализация шрифтов») была довольно интересной проблемой в течение довольно длительного времени.

Технически представляется логичным, что для того, чтобы машина отображала определенный шрифт, он должен быть установлен локально.

С другой стороны, веб-дизайн сильно теряет, придерживаться основных / общеизвестных «веб-шрифтов».

CSS2.1 сделали некоторые улучшения, используя объявление @ font-face rule .

Кроме того, было несколько альтернативных методов, таких как:

Я надеюсь, что предоставленные ссылки дадут вам лучшее представление о том, что можно сделать; -)

Pavlos G. · Answer 29 · 13 August 2018 в 16:57

Обработка шрифтов на стороне сервера (возможно, более «динамическая визуализация шрифтов») была довольно интересной проблемой в течение довольно длительного времени.

Технически представляется логичным, что для того, чтобы машина отображала определенный шрифт, он должен быть установлен локально.

С другой стороны, веб-дизайн сильно теряет, придерживаться основных / общеизвестных «веб-шрифтов».

CSS2.1 сделали некоторые улучшения, используя объявление @ font-face rule .

Кроме того, было несколько альтернативных методов, таких как:

Я надеюсь, что предоставленные ссылки дадут вам лучшее представление о том, что можно сделать; -)

Subin · Answer 30 · 13 August 2018 в 16:57

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

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

font.ubuntu.com/web

Вы можете прочитать публикацию веб-шрифта Google о новостях, а затем:

Откройте каталог шрифтов Google: « Ubuntu - используйте этот шрифт " page
Отметьте комбинацию весов и стилей из Regular, Italic, Bold и Bold-Italic, которые вам нужны для вашей веб-страницы.
Если значение по умолчанию неверно, выберите нужную вам комбинацию языка / скрипта: русский веб-сайт с английским языком примеры могут использовать «кириллицу, латынь».
Скопируйте и вставьте две строки CSS в & lt; head & gt; ... & lt; / head & gt; и & lt; style & gt; ... & lt; / style & gt; вашей HTML-страницы или шаблонов.

] Примечания:

«Latin» - это script , на котором написаны английский и многие другие европейские и африканские языки.

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

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

Вставить шрифт Ubuntu на любую веб-страницу

30 ответов

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

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

Соображения

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

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

Соображения

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

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

Соображения

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

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

Соображения

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

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

Соображения

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

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

Соображения

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

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

Соображения

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

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

Соображения

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

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

Соображения

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

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

Соображения

Другие вопросы по тегам:

Похожие вопросы: