XF 1.5 Шрифты на форуме

Rabden

Проверенные
Сообщения
314
Решения
1
Реакции
177
Баллы
1,745
Кто может помочь с отображением шрифтов в разных браузерах. И вообще, помочь настроить шрифты.
Хочу что-бы были шрифты: 'Roboto Condensed', sans-serif. Буду благодарен, кто поможет настроить шрифты на форуме.
В extra прописал, в google всё хорошо отображается, а вот в других браузерах - другие шрифты.
 
Последнее редактирование:
Подробнее как прописал
Ну я прописывал для каждого отдельно, там достаточно много вышло.
Пример:
Код:
.navTabs .navLeft {
font-family: 'Roboto Condensed',sans-serif;
}
.mainContainer .mainContent > *:last-child, .mainContainer_noSidebar > *:last-child {
font-family: 'Roboto Condensed',sans-serif;
}
.node .nodeInfo {
font-family: 'Roboto Condensed',sans-serif;
}
В других браузерах эти шрифты не отображаются. Только в Google, стиль Xenith.
 
Последнее редактирование:
Вот так добавляйте шрифты и тогда все везде будет работать 100%
Код:
@font-face {
    font-family: Pompadur; /* Имя шрифта */
    src: url(fonts/pompadur.ttf); /* Путь к файлу со шрифтом */
   }

Могу ошибаться этот должен работать везде sans-serif, а вот второй к безопасным шрифтам явно не относится.
 
Последнее редактирование:
Вот так добавляйте шрифты и тогда все везде будет работать 100%
Код:
@font-face {
    font-family: Pompadur; /* Имя шрифта */
    src: url(fonts/pompadur.ttf); /* Путь к файлу со шрифтом */
   }
Хорошо, завтра проверю, а это в extra добавлять?
 
Да, есть еще сайт по шрифтам с которого можно их качать и там же он генерирует css, по которому его можно добавить, если не забуду завтра кину сюда его
 
Последнее редактирование:
там больше надо
это фрагмент по подключению, конечно там дописывать надо в зависимости от потребностей. Я завтра кину сайт там меньше надо и логичнее все расписано, но на вкус и цвет как говорится
 
Последнее редактирование:
это фрагмент по подключению, конечно там дописывать надо в зависимости от потребностей. Я завтра кину сайт там меньше надо и логичнее все расписано, но на вкус и цвет как говорится
Не от потребностей, а от браузеров :) а логика там одна, для каждого движка браузеров подключается шрифт.
 
это фрагмент по подключению, конечно там дописывать надо в зависимости от потребностей. Я завтра кину сайт там меньше надо и логичнее все расписано, но на вкус и цвет как говорится
Я понял, почему у меня отображался шрифт! Потому что он был установлен у меня. Всё-же надеюсь Ваш способ сработает и он будет работать и без установки шрифта на компьютер.
 
Работа шрифта с компьютера не делается на сайте, не у всех он есть :-) а способ с @font-face, на данный момент самый надежный, можно подключить с можно с помощью есть еще ресурсы, например

Вот еще может Вам поможет сайт
Не очень надежно используется только одно расширение шрифта:
Код:
@font-face {
font-family: 'NewBaskervilleC-Italic';
src: url('/Rukopis/NewBaskervilleC-Italic.otf');
}
.text_effect {
font-family: 'NewBaskervilleC-Italic';
color: rgb(255, 145, 145);
font-size: 43px;
background-color: rgb(255, 255, 255);
text-shadow: rgb(3, 3, 3) 4px 4px 4px;
}
</style>
<p class="text_effect">Ваш текст</p>

Вот еще в помощь генераторы веб шрифтов:



Генератор стиля шрифта:

Для мазилы есть замечательный аддон генераторов
 
F
Работа шрифта с компьютера не делается на сайте, не у всех он есть :-) а способ с @font-face, на данный момент самый надежный, можно подключить с можно с помощью есть еще ресурсы, например


Не очень надежно используется только одно расширение шрифта:
Код:
@font-face {
font-family: 'NewBaskervilleC-Italic';
src: url('/Rukopis/NewBaskervilleC-Italic.otf');
}
.text_effect {
font-family: 'NewBaskervilleC-Italic';
color: rgb(255, 145, 145);
font-size: 43px;
background-color: rgb(255, 255, 255);
text-shadow: rgb(3, 3, 3) 4px 4px 4px;
}
</style>
<p class="text_effect">Ваш текст</p>

Вот еще в помощь генераторы веб шрифтов:



Генератор стиля шрифта:

Для мазилы есть замечательный аддон генераторов
Что-то я перепробовал способы, шрифт показывается только у меня таким.
 
Что-то я перепробовал способы, шрифт показывается только у меня таким.
Наверное дело не в способах, а в применении этих способов у тебя на сайте :) короче не правильно делаешь что то, и еще возможно применение каких то аддонов для браузера не дают правильно отображаться шрифтам, был такой случай :)
 
Наверное дело не в способах, а в применении этих способов у тебя на сайте :-) короче не правильно делаешь что то, и еще возможно применение каких то аддонов для браузера не дают правильно отображаться шрифтам, был такой случай :-)
Аддон один - поиск по умолчанию. Но у меня не отображается в firefox.

Наверное дело не в способах, а в применении этих способов у тебя на сайте :-) короче не правильно делаешь что то, и еще возможно применение каких то аддонов для браузера не дают правильно отображаться шрифтам, был такой случай :-)
Делал я так: зашёл в стили, далее выбрал "xenith", далее папку "uix", потом папку "fonts", потом загрузил туда 3 шрифта (RobotoCondensedLight.eot,RobotoCondensedLight.ttf,RobotoCondensedLight.woff), потом зашёл в extra и прописал вот так:
Код:
@font-face {
font-family: 'RobotoCondensedLight';
src: url('/styles/xenith/uix/fonts/RobotoCondensedLight.ttf');
}
.text_effect {
font-family: 'RobotoCondensedLight';
color: rgb(255, 145, 145);
font-size: 43px;
background-color: rgb(255, 255, 255);
text-shadow: rgb(3, 3, 3) 4px 4px 4px;
}
</style>
<p class="text_effect">RobotoCondensedLight</p>
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу