Забыли пароль?
Запросите новый здесь.

Автор темы: Vveb--ws
ID темы: 2896
Информация:
Тема содержит 13 сообщения, была просмотрена 23187 раз.
Просмотр темы
PHP-Fusion Russia » Поддержка 7 версии » Темы оформления 7 версии
Новая шапка лучше старой?
лучше лучше 50%[1 Голос]
хуже хуже 50%[1 Голос]
Всего голосов : 2
 Распечатать тему
Как правильно загрузить свой шрифт в css для всех браузеров?
Vveb--ws
Привет народ!

Я вот сделал эскиз шапки с загружаемым шрифтом:
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
 
Web
Polarfox
в чем проблема?
Всегда делайте backup перед изменениями | Указывайте свою версию в подписи/профиле. | Вся бесплатная тех. поддержка только на форуме
 
Vveb--ws
по моему кто-то из нас невнимательно читает пост ab

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

PHP-Fusion 7 Bogatyr - бесплатная мультиязычная CMS для блога, форума, фотогалереи

vk.com/phpfusion
Создаю интернет-магазины и блоги, лендинги, форумы. Telegram: t.me/Vova_Kazakov
 
Web
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
 
Web
Polarfox
Каких браузеров? Старых? ие6 не тащит? Или мобильная опера с китайского тела за 5 баксов?

Все поддерживалось отлично всегда, просто наборы разные под разные движки всегда были.

Я рассчитывал на реальный пример, типа вот опера такая то, почти новая но не работает ничего, это проблема, это бида.
Всегда делайте backup перед изменениями | Указывайте свою версию в подписи/профиле. | Вся бесплатная тех. поддержка только на форуме
 
Vveb--ws
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
 
Web
Rush
да, что-то тоже не сразу уловил суть проблемы)
 
Web
Vveb--ws
я щас приделал шрифт вроде работает во всех браузерах даже в тех которых не работало раньше . ВСЁРАБОТАЕТ. ураааа !
сделал на сайте уже http://ozozhe.ru/
похоже была ошибка в урле шрифта.

PHP-Fusion 7 Bogatyr - бесплатная мультиязычная CMS для блога, форума, фотогалереи

vk.com/phpfusion
Создаю интернет-магазины и блоги, лендинги, форумы. Telegram: t.me/Vova_Kazakov
 
Web
Zaxap
( [Ctrl] + [-] ) x 3
Зло не дремлет, а я добрый...
 
Vveb--ws
Zaxap ты обязан смотреть сайт на 100% размера а не на 67% или 70%

PHP-Fusion 7 Bogatyr - бесплатная мультиязычная CMS для блога, форума, фотогалереи

vk.com/phpfusion
Создаю интернет-магазины и блоги, лендинги, форумы. Telegram: t.me/Vova_Kazakov
 
Web
Zaxap
Vveb--ws, а что поделать, если смотреть в 100% этот сайт нормально просто-напросто невозможно?
Зло не дремлет, а я добрый...
 
Vveb--ws
возможно

PHP-Fusion 7 Bogatyr - бесплатная мультиязычная CMS для блога, форума, фотогалереи

vk.com/phpfusion
Создаю интернет-магазины и блоги, лендинги, форумы. Telegram: t.me/Vova_Kazakov
 
Web
Polarfox
чот криво правда, не факт что в реальности все так же будет, но все же.
Всегда делайте backup перед изменениями | Указывайте свою версию в подписи/профиле. | Вся бесплатная тех. поддержка только на форуме
 

Поделиться этой темой
Социальные закладки: Vkontakte Odnoklassniki Mail.ru Facebook Google Tweet This
URL:
BBcode:
HTML:

Перейти на форум:
Похожие темы
Темы Форум Ответов / Просмотров Последние сообщения
SharkBoss - партнёрская программа для монетизации ЛЮБЫХ видов трафика (включая спам).  →  Реклама на портале 0 / 482 07.03.2024 13:46
в PHP 7.4 нельзя вставлять пустое значение в `id` как раньше  →  Пожелания и предложения 4 / 898 19.12.2023 03:32
Proxy5 - Отличные IPv4 прокси для любых задач (Бесплатный тест)  →  Платные услуги 0 / 1450 31.10.2023 09:47
нужны ли на сайте "Закладки" и "История посещений", как в браузере?  →  Пожелания и предложения 4 / 756 11.08.2023 15:56
Где взять список районов по областям для разных стран?  →  Пожелания и предложения 0 / 1521 10.08.2023 12:44
От какой CMS лучше переделывать плагины сервисов оплаты, доставки, 1С для PHP-Fusion-7?  →  Пожелания и предложения 2 / 1455 08.08.2023 08:59
Посоветуйте плагины для назначения прав админов и групп пользователей  →  Пожелания и предложения 0 / 3128 06.06.2022 11:52
Бот для поиска чужих файлов на Dropmefiles.com  →  Реклама на портале 1 / 925 11.03.2022 05:28
Флешка перестала определяться на всех устройствах  →  Разное 1 / 1881 22.02.2022 04:45
Добавление времени изменения файла style.css  →  HTML и CSS 2 / 953 17.02.2022 20:51
Топ 5 пользователей форума
Zaxap Zaxap (1,090)   Vova Vova (877)   Pisatel Pisatel (678)   util util (666)   SchreiBear SchreiBear (625)