Не видит подключенный шрифт

@Elpando · Регистрация: 11.04.2014

Студворк — интернет-сервис помощи студентам

Всем привет! Вроде уже не новичок, но столкнулся с проблемой: подключаю шрифт на сайте из файла, но он не отображается.
Суть. Сайт на опенкарте (но это не так уж и важно я полагаю), так вот главная страница имеет свой стиль, не похожий на стиль основного магазина. На нем весь контент нужно написать шрифтом micra.
Мои действия: в файле стиля написал:

CSS
1
2
3
4
5
@font-face 
    {
        font-family: Micrafont;
        src: url('font/MicraNormal.ttf');
    }

Далее при добавлении какого-либо контента в стиле прописываю

CSS
1
font-family: Micrafont;

и ничего не происходит. Текст как был дефолтным шрифтом, так и остался...
Путь к шрифту верный, и в режиме разработчика в хроме, во вкладке Resources шрифт виден, но он почему-то не такой по виду...Шрифт micra широкий и без засечек, а показывается узкий и с засечками. Сам файл шрифта если открыть, то он такой, каким он должен быть (широкий и без засечек).

Я уже голову сломал...Пробовал путь прописывать абсолютный, на форумах пошарился - там подсказали поменять на /font/MicraNormal.ttf либо ./font/MicraNormal.ttf либо ../font/MicraNormal.ttf, либо вообще в корень сайта закинуть файл шрифта и к нему ссылаться, но исход один...Также на одном форуме прочел что ссылку записывать нужно без кавычек (!) от безысходности попробовал - результат немного предсказуем...

Подумал, что проблема в выставлении прав доступа (по дефолту 755 на папку и 644 на файл шрифта) поменял на 755 и на 777 - не помогло...

Где я свернул не туда? Почему шрифт не отображается...

@poss · 26.12.2014, 20:00

попробуй такой же шрифт но в формате otf
ищи его в гугле

@Prog_maker · 26.12.2014, 20:19

Сообщение от Elpando

@font-face
* * {
* * * * font-family: Micrafont;
* * * * src: url('font/MicraNormal.ttf');
* * }

CSS
1
src: url('../font/MicraNormal.ttf');

попробуй так

@Experimenter · 27.12.2014, 01:51

Сам как то долго колупался, вот четко рабочий пример с комментариями:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
@font-face {
font-family: 'Circe'; /* Имя шрифта */
src: local('Circe'), /* проверяем наличие шрифта в ОС пользователя */
url(../fonts/CRC55.otf); /* если шрифт не установлен, тогда загружаем его по указанному пути */
font-weight:normal;
font-style:normal;
}
 
@font-face {
font-family: 'Circe Bold'; /* Имя шрифта */
src: local('Circe Bold'), /* проверяем наличие шрифта в ОС пользователя */
url(../fonts/CRC65.otf); /* если шрифт не установлен, тогда загружаем его по указанному пути */
font-weight:normal;
font-style:normal;
}

@Elpando · 30.12.2014, 10:57 **[ТС]**

poss, спасибо! В .otf формате все пошло!

Новые блоги и статьи Все статьи Все блоги /
Новый CodeBlocs. Версия 25.03 palva 04.01.2026 Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .	Модель микоризы: классовый агентный подход anaschu 02.01.2026 Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .

@poss Заблокирован
	26.12.2014, 20:00
	Сообщение было отмечено Elpando как решение Решение попробуй такой же шрифт но в формате otf ищи его в гугле 1

@Elpando 5 / 5 / 2 Регистрация: 11.04.2014 Сообщений: 87
	30.12.2014, 10:57 [ТС]
	poss, спасибо! В .otf формате все пошло! 0

Не видит подключенный шрифт

Решение