Не работают подключенные шрифты, в чем ошибка?
Помощь в написании контрольных, курсовых и дипломных работ здесь.
При верстке макета столкнулся со следующей проблемой: не работают подключенные стили к.
Не работают шрифты
Есть шрыфт. Для него есть 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, но они не работают. Какие могут быть причины.
Вечер добрый. Вот такая материнка Вставил в 1 разъем наушники в другой колонки, во вторых.
Два модема, подключенные в одну сеть не работают
Имеется небольшая сеть, которой раздает корпоративную связь модем 1. Есть модем 2, который раздает.
После подключения Scripts.php не работают сами скрипты, что делать? Подключено в самом низу.
Источник
Почему fonts не работает
Почему не отображаются шрифты?
Убедитесь, что вы указали корректное название шрифта в настройках сайта.
Название шрифта (font-family) должно совпадать с данными из CSS-файла: настройки сайта → раздел «Шрифты и цвета» → вкладка «Загрузить шрифт».
Если шрифт корректно отображается на латинице, но на кириллице возникают проблемы, то в первую очередь стоит проверить, поддерживает ли он кириллические символы. Эту информацию можно проверить на стороне сервиса, в котором вы приобрели шрифт.
Также при конвертации некоторые сервисы могут портить кириллическую версию. Это можно проверить в сервисе FontDrop!. Для конвертирования рекомендуем воспользоваться WOFFer.
Проблема с базовыми шрифтами может наблюдаться на экспортированных проектах.
На Тильде часть шрифтов берется из библиотеки сервиса Rentafont, который предоставляет шрифты по партнерскому соглашению.
На данный момент это шрифты:
- Futura PT
- Opinion Pro
- Circe (и Circe Rounded)
- Iskra
- Orchidea Pro
- Kazimir Text
- Mediator (и Mediator Serif)
- Reforma Grotesk
Чтобы они и другие встроенные шрифты работали на экспортированном сайте, нужно обязательно указать домен, на который вы экспортируете проект в настройках сайта → «Домен». Достаточно указать название домена, подключать его не требуется.
Чтобы файл шрифта загрузился, требуется время. На скорость загрузки влияет качество используемого интернет-подключения и количество контента на странице сайта.
Чтобы страница не тормозила и посетитель не ждал, сначала загружается самое важное — контент, а потом вспомогательные компоненты. Поэтому вы можете видеть системные шрифты до того, как загрузился ваш шрифт.
Воспользуйтесь блоком «Эффект загрузки страницы» (Т228, категория «Другое»). Он замедлит появление контента и текст будет отображаться с загруженными шрифтами.
Источник
Почему не подключается шрифт 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 такой код не работает, и не работают шрифты.
- Вопрос задан более трёх лет назад
- 15987 просмотров
АА, у меня была такая проблема, кинб сами шрифты в папку 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
В общем вуаля, все работает. Заходите на мой сайт и заказывайте работы по песочной аннимации!)))
Заходите на мой сайт и заказывайте работы по песоч.
Источник