2015-03-16 3 views
1

Я пытался использовать шрифт Ubuntu на моей странице, добавив ссылку:Как правильно использовать Ubuntu шрифт

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=Latin"> 

Вот CSS:

body{ 
    font-family : Ubuntu; 
} 

Это работает, но иногда шрифт может «Знать словацких персонажей, таких как« č, ž ». Это другой шрифт (не Ubuntu). Например, на экране мобильного размера (когда я нажимаю Ctrl + shift + m в режиме firefox = mobile).

Знаете ли вы, в чем проблема?

+1

Я думаю, что вам нужно 'Latin-ext' для вашего шрифта. – Gasim

ответ

1

Я не знаю о словянском шрифте, показывающем его правильно. Возможно, вам нужно добавить latin-ext (вам нужно проверить latin-ext, чтобы увидеть, поддерживает ли он словацкий символ. Но если вы ошибаетесь в разных браузерах, это связано с тем, что вы явно не задали кодировку. следующая строку в заголовок:.

<meta charset="utf-8"> 

Это заставит браузер, чтобы показать веб-сайт в UTF-8, который будет исправить вашу проблему

0

Обратите внимание, что ссылка на шрифт говорит «подмножество = Latin» Обычно это достаточно для текста в формате ASCII, для символов с диакритикой вам нужно latin-ext, что означает «расширенные латинские символы». Этот набор должен охватывать почти все символы, используемые в европейском, латинском скрипте, с использованием языков (не Cyrill ic, очевидно).

Это настраивается на вкладке «набор символов» в подборщике шрифтов Google.

0

В случае, если зрители сайта не имеет шрифт Ubuntu в своих устройствах, пожалуйста, добавьте этот код:

Импорт из внешнего поставщика:

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=Latin"> 

Затем добавьте в Ubuntu вашей семье шрифта список:

body { font-family: Ubuntu, "Times new roman", Arial, San-serif, Ubuntu; } 

Надеюсь, это поможет.

+0

Я понимаю, что он работает нормально в локальном хосте, но когда я помещаю эту страницу на сервер (в нашей фирме), это не сработает ... в случае экрана мобильного размера, поэтому ... – Takeshi

0

Извиняюсь, код для импорта внешнего поставщика:

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=Latin"> 
Смежные вопросы