Как подключить шрифт, чтобы на айфонах работал?

[Lemoner]

Общеизвестный способ подключения нестандартных шрифтов работает на компах и некоторых мобильных устройствах на андроиде а на айфоне не работает. Как решить эту задачку?

[igorweb]

Я дополнительно еще прописываю (помимо прилинковки через сам билдер) вручную через @font-face, тогда на андроиде показывает тоже.

Отправлено спустя 10 минут 18 секунд:
Добавлю еще. Для айфона и айпада расширение файла шрифта должно быть .svg

[Lemoner]

а если подключать Google Fonts то куда название шрифта в css прописывать используя билдер?

[igorweb]

Страница-Исходники сайта-между тегами head

Отправлено спустя 5 минут 7 секунд:
Тоже самое касается и своих шрифтов, только заключите код между тегами <style></style>. Ищите нормальный шрифт для веба (изначально заточенный под это дело, а не конвертированный, если хотите чтобы без косяков работал), всегда с такими шрифтами идет файл css. Открываете этот файл, копируете код и вставляете себе в билдер (не забывая указать путь к файлам шрифтов на своем хостинге). Рекомендую, много шрифтов выкладывают (смотрите только чтобы кириллицу поддерживал - там это указывают): http://vk.com/shrift

[anonimus]

все шрифты хорошо подключаются и вручную и гугл шрифты и в смешанном режиме гугл + вручную
с некоторыми бываю заморочки, но тоже варианты подключения находятся обычно

[igorweb]

Источник цитаты все шрифты хорошо подключаются и вручную

На самом деле многие шрифты не видно в мобильных браузерах, потому лучше все-таки дополнительно подключать через @font-face.

[Pavel]

Источник цитаты потому лучше все-таки дополнительно подключать через @font-face

Подскажите пожалуйста как это сделать?

[igorweb]

Находите нужный шрифт для web-а (очень желательно чтобы шрифт был в 4-х расширениях - ttf, woff, eot, svg). На сервере создаете допустим папку font и туда их кидаете (либо в билдере настраиваете папку, чтобы шрифты автоматом попадали в нее: Инструменты-параметры-публикация-целевая папка для типов файлов).
Задаете их (шрифты) сперва в билдере: Инструменты-параметры-html-web-шрифты (вручную задать @font-face шрифты). Далее нужно также вручную прописать их в исходниках сайта (если этого не сделать, то на мобильных устройства они отображаться не будут, только в браузерах на пк). Для этого идете: страница-исходники сайта-между тегами head и вставляете следующий код:

Код: Выделить всё

<style>
@font-face {
    font-family: 'Oranienbaum';
    src: url('http://Ваш_сайт/font/oranienbaum.eot');
    src: url('http://Ваш_сайт/font/oranienbaum.eot?#iefix') format('embedded-opentype'),
         url('http://Ваш_сайт/font/oranienbaum.woff') format('woff'),
         url('http://Ваш_сайт/font/oranienbaum.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
</style>

Вместо названия "Oranienbaum" вставляете свое название шрифта; там, где "Ваш_сайт - адрес вашего сайта.

Вообще обычно с web-шрифтами всегда идет файл css, в котором уже указаны параметры присоединения шрифта. Открываете его блокнотом или, к примеру, notepad++ и копируете код.

[dmitryp]

Подскажите пожалуйста. Может быть есть ещё какой то секрет?)

Подключил и прописал 2 шрифта (Intro и PT Sans Caption), прекрасно работает в разных браузерах, смотрел на разных ПК (без сторонних шрифтов), и с нескольких мобильных (но только на андройде). А вот с ПК в internet explorer 11 шрифт INTRO не подключает... Я понимаю, доля уже IE ничтожна мала, но заказчик может разный попасться.
Вот пример telescope.clutch-montblanc.ru