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

Вопрос: Я новичок в мире CSS, и я тренируюсь на codepen.io Я хотел бы добавить определенный шрифт в мою ручку. Я загрузил его из веб-сайта, затем попытался загрузить его на github и использовать ссылку на этот файл, но он не работает>, < вы можете найти здесь код: или читайте следующее: Hello World

Вопрос:

Я новичок в мире CSS, и я тренируюсь на codepen.io

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

вы можете найти здесь код:

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

<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’ }

спасибо заранее!

Лучший ответ:

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

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

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

Оцените статью
Добавить комментарий