Почему не подключается шрифт 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 без создания доп. папок в ней.
Источник
Не могу подключить свой шрифт через @font-face
Всем привет не могу подключить свой шрифт, проверяю в двух браузерах и не в одном не работает. Закинул Шрифт в корневую папку. Ниже приведен код:
В чем может быть проблема? Заранее спасибо!
8 ответов 8
Попробуйте воспользоваться онлайн-генераторами шрифтов, чтобы сгенерировать шрифты разных форматов под разные браузеры:
Загрузите свой шрифт, в ответ вам будет дан на скачивание архив с различными форматами и CSS-файл с необходимым кодом. Скопируйте скаченные щрифты к себе на сайт и вставьте CSS. Попробуйте оба генератора, не знаю почему, но работают они, видимо, по-разному. В случае использования первого сервиса, выберете «EXPERT. » и добавьте SVG формат, если не ошибаюсь, он нужен для Firefox. Не забудьте проверить корректность путей до шрифтов.
Не работал когда шрифт в отдельной папке лежал (путь указан корректно). Переложила в CSS — заработало! На habrahabr.ru вычитала: «не будут подключаться шрифты с правильными путями в CSS, но когда сам файл CSS подключается в HTML вверх по дереву папок. Причина этому политика безопасности браузера. Локальные документы имеют доступ к другим локальным документы в том же каталоге и в подкаталогах, но не в верхних разделах. (По умолчанию). «
попробуйте с кавычками
Берите web font, woff, а не ttf. Тогда все сядет на свои места 😉
А еще, советую работать с Google Fonts. Это куда проще и легче:
На примере взят класс Dosis. Выберите свой и все. Зачем Вам лишние строчки?
Сам парился с этой проблемой. Было:
Убрал второй шрифт sans-serif, поменял кавычки на апострофы. Стало:
Было до этого и не работало:
Добавил апострофы в font-family:
А в селекторе уже без апострофов:
И все заработало!
А если путь указать из корневого каталога, где и поместить локально гарнитуры этих шрифтов? Вот так они у меня определились:
Источник
Не видит шрифты, подключенные через css, в чем проблема?
Если в html такой код спокойно работает, то в dle такой код не работает, и не работают шрифты.
- Вопрос задан более трёх лет назад
- 15991 просмотр
АА, у меня была такая проблема, кинб сами шрифты в папку 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
В общем вуаля, все работает. Заходите на мой сайт и заказывайте работы по песочной аннимации!)))
Заходите на мой сайт и заказывайте работы по песоч.
Источник
Не работают подключенные шрифты, в чем ошибка?
Помощь в написании контрольных, курсовых и дипломных работ здесь.
Не работают подключенные стили ( CSS )
При верстке макета столкнулся со следующей проблемой: не работают подключенные стили к.
Не работают шрифты
Есть шрыфт. Для него есть 4 версии: regular, italic, bolditalic, bold. Вот код: .
не работают русские шрифты в браузере
не работают русские шрифты в браузере.
Не работают подключенные библиотеки
друзья такая беда, не знал в какую тему написать: Подключены две библиотеки: 16
ну люди, Вы чего? Внимательней бы читали хоть, что ли.
Браузер не ругается что шрифт не может найти, он почему то его просто не желает отображать
Браузер шрифт не может найти, потому как начинает искать в папке со стилями
Опять же браузер не может шрифт найти, так как путь выходит из корневой директории сайта
Добавлено через 3 минуты
какие еще у кого идеи есть? почему шрифт может не отображаться на сайте?
Ooooopsss!
Не заметил, что в корне папка, привык к `assets` и `static`.
Насколько я знаю, имя в font-family должно иметь название шрифта, а не имя файла. Проверьте этот момент, как-то давно попался с этим.
А еще попробуйте генератор font-face: Клац или Клац
Нет, имя в font-family может быть любое. Вы просто сами задаете его для дальнейшего его использования.
nikolc, может браузер формат не поддерживает? Хотя ttf самый поддерживаемый формат вроде как. Странно вообще, почему не работает.
Добавлено через 3 минуты
nikolc, в каком браузере запускаете? ни в ие случаем?
Добавлено через 1 час 52 минуты
nikolc, ксати, попробуйте подключить другой шрифт тоже в формате .ttf и посмотрите, будет ли работать. Быть может файл шрифта «битый», кто его знает.
Добавлено через 2 минуты
Или если решили проблему уже, то будте добры, отпишитесь как решили, самому интересно просто
Видать шрифты действительно битые были, заменил и картина немного изменилась.
В хроме:
BANGKOK не работает
Izhitsa работает
В мозиле
BANGKOK не работает
Izhitsa не работает
В опере
BANGKOK работает
Izhitsa работает
Теперь у кого какие идеи? у самого в первый раз такая ерунда из-за шрифтов
nikolc, т.е. вы скачали их с http://www.fonts-online.ru, потом перекачали их оттуда же или использовали уже установленные?
попробуйте найти и скачать/подключить эти же шрифты с норм сервиса какого-нить, например с google fonts.
Добавлено через 2 минуты
И еще кстати кеш в браузере попробуйте очистить, может он в кеше уже лежат, битые.
Suby,
Во первых, шрифтов этих на google fonts нет
Во вторых, если бы внимательно прочитали мое сообщение там была такая фраза «быстрому из интернета с fonts-online.ru», те шрифты которые были на компьютере и которые использовал для макетов скачивались с норм сервиса fonts.com
В третьих, кеш браузера очищал в первую очередь
Как Вариант конечно использовать Cufon, но из за некоторых особенностей работы Cufon мне не подходит.
Шрифт первый «Bangkok Cyr»
Шрифт второй «Izhitsa Cyrillic»
Комментарий модератора | ||
|
nikolc, вобщем хорошие новости. Скачал я в качестве примера Bangkok Cyr с того же fonts-online.ru в формате .ttf и о чудо, у меня он тоже не пашет. Точне пашет только в убогом ие и в сафари, а в хроме, фаерфоксе и опере не пашет. Что интересно, рядом в папке лежит еще один шрифт, тоже в .ttf, подключил его — он пашет во всех браузерах, кроме ие. Такие дела))) Вобщем нужно юзать сразу несколько форматов по старинке и не париться, какой-нить да заработает))
Добавлено через 8 минут
Скачал сейчас такой же шрифт с другого ресурса, вес файла почему-то оказался на пару кб меньше. Толку ноль, ведет себя так же как и предыдущий.
Добавлено через 52 секунды
Вот вам и ttf.
Подключенные jquery-ui не работают в MVC
Всем привет! Подключила скрипты jquery-ui в MVC 3, но они не работают. Какие могут быть причины.
Не работают колонки, подключенные к ASRock H61DE
Вечер добрый. Вот такая материнка Вставил в 1 разъем наушники в другой колонки, во вторых.
Два модема, подключенные в одну сеть не работают
Имеется небольшая сеть, которой раздает корпоративную связь модем 1. Есть модем 2, который раздает.
Не работают скрипты подключенные через php | include | BISTRO
После подключения Scripts.php не работают сами скрипты, что делать? Подключено в самом низу.
Источник
Не видит подключенный шрифт
Всем привет! Вроде уже не новичок, но столкнулся с проблемой: подключаю шрифт на сайте из файла, но он не отображается.
Суть. Сайт на опенкарте (но это не так уж и важно я полагаю), так вот главная страница имеет свой стиль, не похожий на стиль основного магазина. На нем весь контент нужно написать шрифтом micra.
Мои действия: в файле стиля написал:
Далее при добавлении какого-либо контента в стиле прописываю
и ничего не происходит. Текст как был дефолтным шрифтом, так и остался.
Путь к шрифту верный, и в режиме разработчика в хроме, во вкладке Resources шрифт виден, но он почему-то не такой по виду. Шрифт micra широкий и без засечек, а показывается узкий и с засечками. Сам файл шрифта если открыть, то он такой, каким он должен быть (широкий и без засечек).
Я уже голову сломал. Пробовал путь прописывать абсолютный, на форумах пошарился — там подсказали поменять на /font/MicraNormal.ttf либо ./font/MicraNormal.ttf либо ../font/MicraNormal.ttf, либо вообще в корень сайта закинуть файл шрифта и к нему ссылаться, но исход один. Также на одном форуме прочел что ссылку записывать нужно без кавычек (!) от безысходности попробовал — результат немного предсказуем.
Подумал, что проблема в выставлении прав доступа (по дефолту 755 на папку и 644 на файл шрифта) поменял на 755 и на 777 — не помогло.
Где я свернул не туда? Почему шрифт не отображается.
Помощь в написании контрольных, курсовых и дипломных работ здесь.
Источник