23:18 

Heidel
If it's stupid but works, it isn't stupid.
Проблема с подключением шрифта Open Sans Extra-Bold
Скачиваю шрифт с гугл фонтс http://www.google.com/webfonts#UsePlace:use/Collection:Open+Sans
(Выбираю символы Cyrillic Extended (cyrillic-ext) и Latin (latin))

Обрабатываю шрифт шрифтобелкой, подключаю к странице
@font-face {
font-family: 'open_sansextrabold';
src: url('../fonts/opensans-extrabold-webfont.eot');
src: url('../fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/opensans-extrabold-webfont.woff') format('woff'),
url('../fonts/opensans-extrabold-webfont.ttf') format('truetype'),
url('../fonts/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
font-weight: normal;
font-style: normal;
}

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

При этом если открыть шрифт в редакторе шрифтов и в Mapping переключиться на кириллицу,
вроде там все символы с правильными юникодами есть


Как подключить этот шрифт, чтобы русские символы тоже отображались как надо?

Комментарии
2013-02-19 в 06:08 

Скептичный циник
Миру - мир. А Вам - пломбир!
Интересная тема, спасибо, подпишусь.

Когда-то была точно такая же проблема, правда не с гуглошрифтом.
Решение выглядит не очень эстетично, зато кроссбраузерно:

2013-02-19 в 09:34 

Makha
Все в порядке... Во всяком случае, в конечном итоге все будет в полном порядке!
Я обычно выбирала Cyrillic (cyrillic). Кстати, а зачем именно скачивать? Можно же подключить 1 строкой...

2013-02-19 в 15:00 

Heidel
If it's stupid but works, it isn't stupid.
Решение проблемы подсказали здесь http://techsupport.diary.ru/p185552403.htm

Скептичный циник, проблема была не в подключении шрифта, а в том, как шрифт обрабатывался шрифтобелкой.

Makha, по-моему, подключение шрифта из папки на сайте работает быстрее.

2013-02-19 в 15:45 

Makha
Все в порядке... Во всяком случае, в конечном итоге все будет в полном порядке!
Heidel, не согласна. Если это популярный шрифт ( а если он есть в гугле, то он популярный), то быстрее работает подгружение его из гугла... т.к. пользователь заходит не только на твой сайт, а значит этот шрифт уже может быть в кэше браузера и его не нужно будет загружать... в то время как фонт-фейс подгружает полюбому.

   

!Всё о html: организация сайтов, хостинги, учебники, программы и т.д.!

главная