Я хочу добавить пользовательский шрифт в свое приложение, но он не работает. Здесь это путь, когда шрифт расположен
@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. У вас проблема в 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 - лучший бесплатный конвертер шрифтов.
@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
ваш конструктор приложений должен быть таким
- application
- system
- assets
- css
- js
- fonts
и т.д..
то ваш URL-адрес доступа должен быть похож на http://contrast-energo.ru/assets/fonts/JtNLnKEa.ttf
Добавьте свой шрифт в каталог, доступный для вашего 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;
}