Пользовательский шрифт не работает.

0

Я хочу добавить пользовательский шрифт в свое приложение, но он не работает. Здесь это путь, когда шрифт расположен

@font-face {    font-family: PF Din Text Cond Pro;
                 src: url('/fonts/JtNLnKEa.ttf'); }

шрифт, расположенный в system/fonts/JtNLnKEa

UPD

@font-face {
    font-family: PF Din Text Cond Pro;
        src: url('http://contrast-energo.ru/fonts/JtNLnKEa.ttf');
}

body,html { 
  font-family: PF Din Text Cond Pro;
  height: 100%; 
  min-height: 100%; 
  margin-top: 0px;
}

Как исправить?

Извините за мой плохой английский

Теги:
codeigniter
fonts

4 ответа

0

Ваша проблема не связана с CodeIgniter. У вас проблема в CSS/HTML.

Для правильного добавления ваших шрифтов в HTML-документ необходимо использовать следующий CSS-код:

@font-face {
    font-family: 'PF Din Text Cond Pro';
    src: url('fonts/PF-Din-Text-Cond-Pro.eot');
    src: url('fonts/PF-Din-Text-Cond-Pro.woff') format('woff'), 
         url('fonts/PF-Din-Text-Cond-Pro.ttf') format('truetype'), 
         url('fonts/PF-Din-Text-Cond-Pro.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

Пользовательский шрифт будет отображаться во всех браузерах.

Если вы хотите присвоить шрифт элементу body, вы можете использовать следующее:

body {font-family:'PF Din Text Cond Pro', Arial, sans-serif;}

Вам нужно добавить имя шрифта между одинарными кавычками или двойными кавычками, потому что это пользовательский шрифт.

Если у вас есть только файл шрифта ".otf" или ".ttf", вам необходимо преобразовать этот файл в другие форматы.

Online Font Converter - лучший бесплатный конвертер шрифтов.

  • 0
    Я делаю, как вы говорите, но ничего не меняется
  • 0
    Вы можете проверить консоль? Проверьте, правильно ли загружен CSS. Проверьте, был ли загружен файл шрифта. Если вы используете Firebug, взгляните на вкладку «Консоль» и вкладку «Сеть».
0
@font-face {
  font-family:'Lucida Grande';
  font-style: normal;
  font-weight: 100;
  src: url(../fonts/6216.ttf) format('ttf');
}
@font-face {
  font-family:'Myriad Set Pro';
  font-style: normal;
  font-weight: 100;
  src: url(../fonts/myriad.woff) format('woff');
}
@font-face {
  font-family:'Helvetica Neue';
  font-style: normal;
  font-weight: 100;
  src: url(../fonts/helvetica-neue-medium.ttf) format('ttf');
}
@font-face {
  font-family:'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url(../fonts/helvetica-neue-medium.ttf) format('ttf');
}
body
{
    font-family:"Myriad Set Pro","Lucida Grande","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif";
    overflow-x:hidden !important;
}

в корневой папке /css/fonts

0

ваш конструктор приложений должен быть таким

- application
- system
- assets
    - css
    - js
    - fonts

и т.д..

то ваш URL-адрес доступа должен быть похож на http://contrast-energo.ru/assets/fonts/JtNLnKEa.ttf

  • 0
    Я новичок в php / codeigniter. Что бы он сделал, что мне нужно, создать папку 'assets' и ввести здесь каталог 'css', 'js' и 'fonts'? И все так просто?
0

Добавьте свой шрифт в каталог, доступный для вашего CodeIgniter.

@font-face {
  font-family: 'YourFontName'; /*a name to be used later*/
  src: url('http://domain.com/fonts/JtNLnKEa.ttf'); /*URL to font*/
}

И используйте ваше имя шрифта, как:

.classname {
  font-family: 'YourFontName';
}

РЕДАКТИРОВАТЬ:

body,html { 
  font-family: "PF Din Text Cond Pro"; /* Add double quotes around your custom font name */
  height: 100%; 
  min-height: 100%; 
  margin-top: 0px;
}
  • 0
    Спасибо, но это решение работает. Вопрос об обновлении
  • 0
    Ответ обновлен, пожалуйста, проверьте.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню