Почему не отображается подключенный шрифт Open Sans Bold?
Добрый день!
Подскажите пожалуйста, почему у меня на сайте не отображается подключенный шрифт Open Sans Bold?
Скачал все шрифты, скопировал в папку fonts потом в CSS через font-face я подключил два скаченных шрифта, это Open Sans Regular и Open Sans Bold. Regular отлично отображается и заметно его начертание, а вот когда вместо него пишу жирное начертание оно не отображается, вместе этого показывается обычный стандартный шрифт.
Прошу помочь разобраться в вопросе
Код в начале CSS файла:
Подключение к блоку:
- Вопрос задан более двух лет назад
- 686 просмотров
Во-первых, лучше один раз указать семью и оперировать только начертанием. Типа того:
Во-вторых, стоит проверить пути до файлов шрифта.
Обычное начертание у вас отображается нормально скорее всего по причине того, что это начертание установлено в системе.
Источник
Не работает шрифт open sans
Заметил значитильную разницу в отображению своего сайта в Google Chrome и FireFox.
Какая то проблема со шрифтом, кто знает как её решить и сделать отображения текста таким же как и в FireFox ?
Вы шрифт подключаете с гугл фонтс?
Или надеетесь на стандартные шрифты браузера?
гугл подключает шрифт в одном формате woff, разные браузеры разные форматы используют, стоит скачать шрифты на сайт и подключать разные версии http://htmlbook.ru/blog/svoi-shrift-na-stranitse
хотя вроде по таблице woff поддерживают и хром и фаерфокс
Вы не знаете гугл просто. Я тоже сначала не понял эту фишку.
Гугл сам смотрит какой у вас браузер и подставляет туда шрифты именно для вашего браузера.
Умные люди, до нас уже всё придумали и реализовали 🙂
open sans выглядит по-разному в разных браузерах.
зависит от сглаживания в системе.
в хроме есть собственное сглаживание, даже при отключенном сглаживании в системе.
и именно этим меня бесят новые шрифты от гугла — одинакового отображения в разных браузерах добиться нереально.
попробуйте засунуть в css к элементу
Ну наконец то, хоть кто то написал о проблеме.
У меня Windows Vista, и после недавнего обновления шрифты корявые. Для теста попробуйте запустить putty — такая же ерунда.
жестко. по отзывам самая неудачная версия Windows, я так и не удосужился ее поставить. в чем смысл ее юзать, уже 10ку можно потестить)
Vagas, font-weigth проверьте нет ли у вас тэга b или strong. Если есть, ресетните толщину или подключите жирный шрифт тоже. Пробовали не с гугла тянуть шрифт, а сгенерировать в фонтсквирл или эврифингфонтс например?
Источник
Почему не подключается шрифт font-face?
достаточно только этого:
@font-face <
font-family: ‘имя_шрифта’;
src: url(‘шрифты/имя_шрифта.woff’)
format(‘woff’);
font-weight: normal;
font-style: normal;
>
woff — этот формат поддержиается везде, достаточно только его
Сомнительные советы.
Не достаточно подключить один woff. Для корректной работы шрифта во всех браузерах и на всех устройствах — нужны eot, woff2, ttf
С синтаксисом у вас все в порядке. Все возможные причины, по которым шрифт мог не подключиться:
1. Неверно указан путь к папке с шрифтами(../). Здесь может быть несколько точек, может одна, может не быть вовсе, в зависимости от положения папки.
2. Не корректные шрифты. Некоторые генераторы конвертируют шрифты с ошибками
3. Банально не положили шрифты в папку fonts
4. Банально не прописали свойство font-family:»Open Sans» нужному классу
Не уверен на счет вложенности fonts/OpenSans/OpenSans-Regular. Лучше все шрифты класть в папку fonts без создания доп. папок в ней.
Источник
Подключение шрифта Open Sans Extra-Bold
Скачиваю шрифт с гугл фонтс http://www.google.com/webfonts. :Open+Sans
(Выбираю символы Cyrillic Extended (cyrillic-ext) и Latin (latin))
Обрабатываю шрифт шрифтобелкой, подключаю к странице
использую для элементов страницы,
но начертание меняют только цифры и латинские буквы, на русские буквы подключенный шрифт не действует.
При этом если открыть шрифт в редакторе шрифтов и в Mapping переключиться на кириллицу,
вроде там все символы с правильными юникодами есть (на вложении)
Как подключить этот шрифт, чтобы русские символы тоже отображались как надо?
Помощь в написании контрольных, курсовых и дипломных работ здесь.
Подскажите как подключить шрифт PT Sans к сайту. Очень надо
Стиль текста ‘Open Sans’, Arial, Helvetica, sans-serif;
Добрый день. На одном сайте нашел замечательный шрифт, в свойствах прописано : font: 300 18px.
Пытаюсь подключить вот этот шрифт.
Шрифт Open Sans отличается на странице
Шрифт Open Sans на странице отличается от изначального в фотошопе(Ставлю те же параметры:пример.
Шрифт Open Sans нигде, кроме хрома, не работает
Включаю шрифт Open Sans, нигде кроме хрома не работает, хотя когда смотрю в фаябаге видно, что.
Фонт Open Sans не отображает правильно символы/буквы
Добрый день, Ребят, помогите пожалуйста решить проблему, фонт Open Sans не показывает правильно.
Сбой шрифта текста Arial Bold
Не могу понять, чего творится с swf. Особенно с шрифтом. После запуска флэш всё нормально.
Ошибка на сервере в Excel при выставлении шрифта в Bold
Здравствуйте!! Пытаюсь в экселе программно выделить одну строку жирным. Эта строка состоит из 2-х.
Источник
Не видит шрифты, подключенные через css, в чем проблема?
Если в html такой код спокойно работает, то в dle такой код не работает, и не работают шрифты.
- Вопрос задан более трёх лет назад
- 15968 просмотров
АА, у меня была такая проблема, кинб сами шрифты в папку css ну или где у тебя главные стили сайта лижат) а после экспириментируй, либо
src: url(../fonts/OpenSans-Regular.ttf);
src: url(./fonts/OpenSans-Regular.ttf);
src: url(fonts/OpenSans-Regular.ttf);
Карочи путь меняй) а еще рекомендую сгенерировать его, www.fontsquirrel.com/tools/webfont-generator
Попробуйте конвертировать ваш скрипт здесь, у вас подключается только ttf шрифт он сработает не во всех браузерах; хороший пример подключения шрифта
так же проверьте что бы пути к файлам шрифтов были правильными
а шрифт кириллический?
Глупый ответ
Подключайте гугловские шрифты
параметры запроса шрифта смотрите на https://www.google.com/fonts
В общем у меня джумла после одновления видими перестала подгружать шрифт таким способом
url(‘/templates/.мой шаблон/fonts/cassandra.ttf’);
тогда попробовав загрузить его по пути получил отказ joomlы и ошибку 404. Понял что перенаправление.
Открыл .htaccess и добавил туда в эту строку ttf
RewriteRule !(js|ico|gif|jpg|png|ttf) index.php [QSA,L] которая гооврит о том, чтоб перенапрявлять все страницы, ссылкающиеся на любые расширения кроме указанных, на index.php
В общем вуаля, все работает. Заходите на мой сайт и заказывайте работы по песочной аннимации!)))
Заходите на мой сайт и заказывайте работы по песоч.
Источник