2016-07-01 3 views
0

У меня есть некоторые проблемы с font_faceначертание шрифта файл URL в URI Запроса

В CSS:

@font-face{ 
    font-family: 'Optima'; 
    src: url('fonts/OPTIMA_0.woff') format('woff');   
    font-weight: normal; 
    font-style: normal; 
} 
html{ 
    font-family: 'Optima'; 
} 

Я использую $ _SERVER как [ 'REQUEST_URI'] для маршрутизации MVC,:

сайт .com/основные - нечистая страница 'Основные'

site.com/contacts - нечистая страница 'контакты'

site.com/services - называйте страница каталога 'Услуги'

site.com/services/serviceA - называющие конкретную страницу каталога 'serviceA'

site.com/services/serviceB - называйте конкретную страницу каталога «serviceB '

....

Но когда я очистить кэш браузера на перезагрузки страницы, я получил путь шрифта в URI запроса, как: site.com/application/css/fonts/OPTIMA_0.woff, а не на сайте .com/services/serviceA

In br owser адресной строке я получил правильный

URI

И шрифты Google отлично работает, но мне нужно это один ..

Выглядит как шрифт не загружается должным образом на перезагрузки страницы, но применительно к стилю страницы.

Итак, вопрос: как я могу это исправить?

ответ

0

Он должен рассматривать файл шрифта (OPTIMA_0.woff) как статический файл так же, как и файл css или js, который вы использовали.

Если ваш статический каталог, как это:

|-index.html 
|-css/ 
|----/main.css 
|-fonts/ 
|-----/OPTIMA_0.woff 

Вы можете использовать относительный путь в CSS файл, предполагая, что файл с именем main.css.

@font-face{ 
    font-family: 'Optima'; 
    src: url('../fonts/OPTIMA_0.woff') format('woff');   
    font-weight: normal; 
    font-style: normal; 
} 
+0

хорошо ... Я не могу иметь дело этого комментария форматирования ... Итак, путь прямо в моем сценарии – user2893813

+0

Так что вы можете показать мне uri для вашего файла css? Возможно, мы сможем найти решение на его основе. BTW, какое серверное приложение вы используете? Как настроить статический каталог в нем? –

+0

'@ font-face { font-family: 'Optima'; src: url ('fonts/OPTIMA_0.TTF') format ('truetype'), url ('fonts/OPTIMA_0.eot? #iefix') format ('embedded-opentype'), /* url ('fonts /OPTIMA_0.woff2 ') format (' woff2 '),/* СМОТРЕТЬ НОМЕР ЗДЕСЬ */ Формат url (' fonts/OPTIMA_0.ttf ') (' truetype '), url (' fonts/OPTIMA_0.Optima ') format ('svg'), Формат url ('fonts/OPTIMA_0.woff') ('woff'); font-weight: normal; font-style: normal; } ' – user2893813

0

К сожалению, это была моя ошибка, неправильное имя файла)