Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Кроссбраузерный @font-face

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки

Открыть новую тему     Написать ответ в эту тему

Pazorrr



Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Код:
 
@font-face {font-family: Lobster;  
   src: url('fonts/Lobster.eot'); /* IE9 */
   src: url('fonts/Lobster.eot?') format('eot'),  /* IE6-IE8 */
   url('fonts/Lobster.woff') format('woff'), /* Современные браузеры */
   url('fonts/Lobster.ttf')  format('truetype'), /* Safari, Android, iOS */  
   url('fonts/Lobster.svg#svgLobster') format('svg'); /* iOS */}
 
 
h1 {font-family: 'Lobster', serif;
      font-size: 288px;}
 

 
Работает в Сафари, Хроме. На Айфоне и Айпаде — нет. Чем дополнить, что исправить? Подскажите.
Спасибо.

Всего записей: 7 | Зарегистр. 23-03-2008 | Отправлено: 12:40 31-10-2011
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Pazorrr

Цитата:
url('fonts/Lobster.ttf')  format('truetype'), /* Safari, Android, iOS */  

вот это, собственно, и для них должно быть
там же Safari используется

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 19:29 31-10-2011
vs62

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
http://edward.oconnor.cx/2009/07/how-to-create-eot-files-without-microsoft-weft

Всего записей: 529 | Зарегистр. 02-07-2007 | Отправлено: 17:51 01-11-2011
Bloobs

BANNED
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Вот (спам) оч подробно все описано




Не спамим /Cheery/

Всего записей: 3 | Зарегистр. 06-11-2011 | Отправлено: 16:18 06-11-2011 | Исправлено: Cheery, 22:13 06-11-2011
vs62

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
и всетаки нужно кроссбраузерное решение для подзагрузки чисто ttf ?

Всего записей: 529 | Зарегистр. 02-07-2007 | Отправлено: 23:56 20-03-2012
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
vs62
http://www.cssplay.co.uk/menu/fonts.html
"чисто" ttf не обойтись, надо иметь и eot копию

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 23:59 20-03-2012
vs62

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery
spasibo tozhe uzhe tashel
http://webfonts.info/wiki/index.php?title=@font-face_browser_support
 
da a mozhet kto znaet chem mozhno konvertirovat'  ttf v eot ?

Всего записей: 529 | Зарегистр. 02-07-2007 | Отправлено: 00:25 21-03-2012
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
vs62
1) есть же опция написания по русски на форуме
2) http://www.kirsle.net/wizards/ttf2eot.cgi
 
+ Нестандатные шрифты на веб-страницах


----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 00:28 21-03-2012
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Код:
@font-face {font-family: _Arial;    
    src: url('../fonts/_arial.eot'); /* IE9 */  
    src: url('../fonts/_arial.eot?') format('eot'),  /* IE6-IE8 */  
    url('../fonts/_arial.woff') format('woff'), /* Современные браузеры */  
    url('../fonts/_arial.ttf')  format('truetype'), /* Safari, Android, iOS */  
    url('../fonts/_arial.svg#svgLobster') format('svg'), /* iOS */
    url('../fonts/_arial.ttf')  format('truetype'); /* Safari, Android, iOS */ }

что нужно добавить для IE11 ?
 
заранее спасибо

Всего записей: 2188 | Зарегистр. 25-02-2013 | Отправлено: 03:38 30-06-2018
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
vs6262

Цитата:
что нужно добавить для IE11  

ничего

Всего записей: 15023 | Зарегистр. 20-09-2014 | Отправлено: 03:40 30-06-2018
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
а как же быть с IE11 не работает

Всего записей: 2188 | Зарегистр. 25-02-2013 | Отправлено: 03:44 30-06-2018
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
vs6262

Цитата:
а как же быть с IE11 не работает

он понимает и eot и woff, но не понимает woff2
https://caniuse.com/#search=eot
https://caniuse.com/#search=woff
https://caniuse.com/#search=woff2

Всего записей: 15023 | Зарегистр. 20-09-2014 | Отправлено: 03:58 30-06-2018 | Исправлено: Mavrikii, 04:00 30-06-2018
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
вот ниже описано woff и woff2 вполне предостаточно, но Win10 IE11 я читал в корпоративной Win10 свои фонты заблокированы
https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Schriftformatierung/@font-face

Всего записей: 2188 | Зарегистр. 25-02-2013 | Отправлено: 04:30 30-06-2018
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
Win10 IE11 я читал в корпоративной Win10 свои фонты заблокированы

где и что читали?
от нас что хотите? я сказал - IE11 поддерживает eot и woff, не woff2.
чтобы посмотреть какой применен - как и говорил, жмем F12, изучаем элементы страницы

Всего записей: 15023 | Зарегистр. 20-09-2014 | Отправлено: 04:34 30-06-2018
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
проблему решил всё лежало в моём коде

Всего записей: 2188 | Зарегистр. 25-02-2013 | Отправлено: 06:20 30-06-2018
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » Web-программирование » Кроссбраузерный @font-face


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru