Невозможно загрузить пользовательский шрифт на сайт

Question

Я использую @ font-face, чтобы попробовать загрузить пользовательский шрифт на моем веб-сайте, по крайней мере, на Google Chrome.

Тем не менее, мне тяжело это делать ... может ли кто-нибудь помочь?

<style type="text/css"> 
 
@font-face { 
 
    font-family: Folks; 
 
    url(http://www.vtxfactory.com/Folks-Normal.ttf) format('truetype'), 
 
} 
 
body { 
 
    background-color: #000000; 
 
    text-align: center; 
 
    color: #FFF; 
 
    font-family: Folks; 
 
} 
 
</style>

Имя шрифта "Folks", но я только с помощью "Folks-Normal", как я не использую смелую версию. Шрифт уже выделен на источник направленного URL.

Вы можете видеть на http://www.vtxfactory.com/, что при вводе шрифт-семья меняет Times New Roman и не загружает мой собственный шрифт.

С наилучшими пожеланиями, Rui Farinha.

Answer 1

Я думаю, вы пропустили требуется Src свойства и точка с запятой в конце:

@font-face { 
    font-family: Folks; 
    src: url('http://www.vtxfactory.com/Folks-Normal.ttf') format('truetype'); //<-- semicolon 
} 

Answer 2

Изменения URL в CSS на путь

@font-face { 
font-family: Folks; 
src: url(/path/to/your/font/file/Folks-Normal.ttf) format('truetype'), 
}  

вы можете использовать эту услугу слишком http://www.font2web.com/