Как использовать TTF шрифт на CodePen

Я новичок в CSS мире, и я практикуя на codepen.ioКак использовать TTF шрифт на CodePen

Я хотел бы добавить определенный шрифт мой Pen. Я скачал его с сайта, а затем попытался загрузить его на GitHub и использовать ссылку на этот файл, но он не работает> <

вы можете найти код здесь: http://codepen.io/Koop4/pen/mVaOLG

или читать следующие:

<body> 
    <h1>Hello World</h1> 
</div> 
</body> 

html, 
body { 
    height: 100%; 
    background-image: linear-gradient(to bottom, #0B88FF, #95EEFF); 
} 

@font-face { 
    font-family: 'superMario'; 
    src: url('https://github.com/koop4/FreeCodeCamp/blob/master/portfolio/font/prstart.ttf'); 
} 

h1, 
h2, 
h3 { 
    font-family: 'superMario' 
}

thx заранее!

источник

2016-02-11 Koop4

Поскольку URL-адрес файла .ttf является страницей, а не файловым путем. Вы должны использовать прямую ссылку на файл шрифта. Используйте это:

@font-face { 
    font-family: 'superMario'; 
    src: url('https://raw.githubusercontent.com/koop4/FreeCodeCamp/master/portfolio/font/prstart.ttf'); 
}

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

источник

2016-02-11 18:05:20 coderman

работает как шарм xD спасибо, сэр – Koop4

Как использовать TTF шрифт на CodePen

ответ

Смежные вопросы