Просмотр темы
| Новая шапка лучше старой? | ||||||||||||
|
||||||||||||
 Как правильно загрузить свой шрифт в css для всех браузеров?
|
|
| Vveb--ws |
Опубликовано 24.07.2017 14:38
|
 Опытный пользователь  Сообщений: 379 Зарегистрирован: 25.11.2010 14:16 |
Привет народ! Я вот сделал эскиз шапки с загружаемым шрифтом: http://ozozhe.ru/themes/ozozhe_RR/doska-shagi-textura_350_font.htm немного изменил код - http://ozozhe.ru/themes/ozozhe_RR/doska-shagi-textura_350_font2.htm но результат тот же: загружаемый шрифт не поддерживают: Firefox 42.0 Opera33Portable Opera 12.17 GoogleChromePortable Версия 42.0.2311.152 ChromiumPortable Version 39.0.2150.5 Apple_Safari_5.1.7_Portable yandeks-brauzer-portable Версия 15.4.2272.3716 K-Meleon75.1_Portable загружаемый шрифт поддерживают: maxthon-portable-4.4.0.4000-ru Portable Internet Explorer 8 Final что делать? я гуглил: загрузить свой шрифт в css полезные статьи (сделал код по ним): http://htmlbook.ru/blog/svoi-shrift-na-stranitse http://site4business.net/css/kak-podklyuchit-shrift.html третья инструкция https://www.kirsle.net/wizards/ttf2eot.cgi Instructions To embed this font on your web page, you will need to place the following CSS code in the <head> section of your page, or in an external CSS file: <style type="text/css"> @font-face { font-family: MyCustomFont; src: url("a_StamperRg_Bt.eot") /* EOT file for IE */ } @font-face { font-family: MyCustomFont; src: url("a_StamperRg_Bt.ttf") /* TTF file for CSS3 browsers */ } </style> Note that in the code above, "MyCustomFont" can be any name you want. You will probably want to set this to be the real name of your font. This script doesn't attempt to figure out the real name of your font - sorry! To use your embedded font, you can simply refer to it by name like you do with any other font. Some examples: body { font-family: MyCustomFont, Verdana, Arial, sans-serif; font-size: medium; color: black } span.header { font-family: MyCustomFont, Impact, "Arial Black", sans-serif; font-weight: bold; color: red } РАБОТАЮЩИЙ CSS @font-face { font-family: a_StamperRgBt; src: url("fonts/a_StamperRgBt.eot") /* EOT file for IE */ } @font-face { font-family: a_StamperRgBt; src: url("fonts/a_StamperRgBt.ttf") /* TTF file for CSS3 browsers */ } span.shapka { font-family: a_StamperRgBt, ARIAL; } также должен работать вариант @font-face { font-family: a_StamperRgBt; /* Гарнитура шрифта */ src: url(fonts/a_StamperRgBt.eot); / * Для IE5-8 */ src: local(a_StamperRgBt), url(fonts/a_StamperRgBt.ttf); /* Для остальных браузеров */ } span.shapka { font-family: a_StamperRgBt, ARIAL; } папка fonts/ находится в папке темы PHP-Fusion http://www.kirsle.net/wizards/ttf2eot.cgi - онлайн-сервис для конвертации TTF шрифтов в EOT. Изменил(а) Vveb--ws, 27.07.2017 15:18 |
|
|
|
| Polarfox |
Опубликовано 24.07.2017 17:48
|
 Администратор  Разработчики  Группа поддержки  Сообщений: 3387 Зарегистрирован: 20.08.2010 14:03 |
в чем проблема?
Всегда делайте backup перед изменениями | Указывайте свою версию в подписи/профиле. | Вся бесплатная тех. поддержка только на форуме
|
|
|
|
| Vveb--ws |
Опубликовано 24.07.2017 20:15
|
|
Опытный пользователь Сообщений: 379 Зарегистрирован: 25.11.2010 14:16 |
по моему кто-то из нас невнимательно читает пост  большая часть браузеров не поддерживает!! PHP-Fusion 7 Bogatyr - бесплатная мультиязычная CMS для блога, форума, фотогалереи vk.com/phpfusion Создаю интернет-магазины и блоги, лендинги, форумы. Telegram: t.me/Vova_Kazakov |
|
|
|
| Rush |
Опубликовано 25.07.2017 09:02
|
 Администратор Разработчики Группа поддержки Сообщений: 1418 Зарегистрирован: 31.08.2010 14:41 |
https://css-tricks.com/snippets/css/using-font-face/ https://www.sitepoint.com/how-to-use-cross-browser-web-fonts-part-1/ https://www.web-font-generator.com/ https://transfonter.org/ https://www.fontsquirrel.com/tools/webfont-generator |
|
|
|
| Polarfox |
Опубликовано 25.07.2017 10:05
|
|
Администратор Разработчики Группа поддержки Сообщений: 3387 Зарегистрирован: 20.08.2010 14:03 |
Каких браузеров? Старых? ие6 не тащит? Или мобильная опера с китайского тела за 5 баксов? Все поддерживалось отлично всегда, просто наборы разные под разные движки всегда были. Я рассчитывал на реальный пример, типа вот опера такая то, почти новая но не работает ничего, это проблема, это бида. Всегда делайте backup перед изменениями | Указывайте свою версию в подписи/профиле. | Вся бесплатная тех. поддержка только на форуме
|
|
|
|
| Vveb--ws |
Опубликовано 25.07.2017 10:21
|
|
Опытный пользователь Сообщений: 379 Зарегистрирован: 25.11.2010 14:16 |
Rush написал: https://css-tricks.com/snippets/css/using-font-face/ https://www.sitepoint.com/how-to-use-cross-browser-web-fonts-part-1/ https://www.web-font-generator.com/ https://transfonter.org/ https://www.fontsquirrel.com/tools/webfont-generator можешь написать словами есть ли у меня ошибка и в чём ? я 3 инструкции изучил. они почти одинаковые. или другой конвертер шрифтов нужен ? PHP-Fusion 7 Bogatyr - бесплатная мультиязычная CMS для блога, форума, фотогалереи vk.com/phpfusion Создаю интернет-магазины и блоги, лендинги, форумы. Telegram: t.me/Vova_Kazakov |
|
|
|
| Rush |
Опубликовано 27.07.2017 10:24
|
|
Администратор Разработчики Группа поддержки Сообщений: 1418 Зарегистрирован: 31.08.2010 14:41 |
да, что-то тоже не сразу уловил суть проблемы)
|
|
|
|
| Vveb--ws |
Опубликовано 27.07.2017 11:25
|
|
Опытный пользователь Сообщений: 379 Зарегистрирован: 25.11.2010 14:16 |
я щас приделал шрифт вроде работает во всех браузерах даже в тех которых не работало раньше . ВСЁРАБОТАЕТ. ураааа ! сделал на сайте уже http://ozozhe.ru/ похоже была ошибка в урле шрифта. PHP-Fusion 7 Bogatyr - бесплатная мультиязычная CMS для блога, форума, фотогалереи vk.com/phpfusion Создаю интернет-магазины и блоги, лендинги, форумы. Telegram: t.me/Vova_Kazakov |
|
|
|
| Zaxap |
Опубликовано 30.07.2017 02:57
|
 Элита  Сообщений: 1090 Зарегистрирован: 05.09.2012 10:32 |
( [Ctrl] + [-] ) x 3
Зло не дремлет, а я добрый...
|
|
|
|
| Vveb--ws |
Опубликовано 02.08.2017 14:31
|
|
Опытный пользователь Сообщений: 379 Зарегистрирован: 25.11.2010 14:16 |
Zaxap ты обязан смотреть сайт на 100% размера а не на 67% или 70%
PHP-Fusion 7 Bogatyr - бесплатная мультиязычная CMS для блога, форума, фотогалереи vk.com/phpfusion Создаю интернет-магазины и блоги, лендинги, форумы. Telegram: t.me/Vova_Kazakov |
|
|
|
| Zaxap |
Опубликовано 03.08.2017 08:29
|
|
Элита Сообщений: 1090 Зарегистрирован: 05.09.2012 10:32 |
Vveb--ws, а что поделать, если смотреть в 100% этот сайт нормально просто-напросто невозможно?
Зло не дремлет, а я добрый...
|
|
|
|
| Vveb--ws |
Опубликовано 03.08.2017 22:49
|
|
Опытный пользователь Сообщений: 379 Зарегистрирован: 25.11.2010 14:16 |
возможно
PHP-Fusion 7 Bogatyr - бесплатная мультиязычная CMS для блога, форума, фотогалереи vk.com/phpfusion Создаю интернет-магазины и блоги, лендинги, форумы. Telegram: t.me/Vova_Kazakov |
|
|
|
| Polarfox |
Опубликовано 04.08.2017 10:06
|
|
Администратор Разработчики Группа поддержки Сообщений: 3387 Зарегистрирован: 20.08.2010 14:03 |
чот криво правда, не факт что в реальности все так же будет, но все же.
Всегда делайте backup перед изменениями | Указывайте свою версию в подписи/профиле. | Вся бесплатная тех. поддержка только на форуме
|
|
|
|
| Поделиться этой темой | |
| Социальные закладки: |
|
| URL: | |
| BBcode: | |
| HTML: |
| Перейти на форум: |
