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

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

@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;
}

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

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

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

Другие решения

@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;
}

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

0

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

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

так далее..

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

0

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

Вам необходимо использовать следующий код CSS, чтобы правильно добавить ваши шрифты в документ HTML:

@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», то вам необходимо конвертировать этот файл в другие форматы.

Онлайн конвертер шрифтов самый лучший свободно конвертер шрифтов там.

0
По вопросам рекламы [email protected]