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

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

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

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

CSS

@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

@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 формате все пошло!

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

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

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

Решение