Add font to my page

[Eliefou]

Select Topic Area

Question

Body

Hello, I tried to add a font on my website github page, it's working on my computer but when i put my code on github the font is not apply on my page. I need an example please.
My folder is like tjhis :
index.html
css
-styles.css
-MyFont

[0125nia]

If you confirm the path of font?
I have been in such a situation, and i found out it was the wrong path causing.
Maybe u can search it in your web page like https://{your_github_page_path}/{font_name}.font

[Eliefou]

Hello I've tried this but it's doese'nt work :(

[guillermodotn]

The URLs you are using point to pages on the GitHub platform. As @0125nia mentions, you should use the resource located on your GitHub Pages deployment. This will have a URL in the following form (for your case):

https://eliefou.github.io/Protocol_0/Charlotte.otf

You can also try using relative paths instead of absolute ones.

[Eliefou]

Thank you so much it's working.

Please can you also give me the example with relative paths ?

[guillermodotn]

In your specific case, try using:

src: url('Charlotte.otf') format('opentype');

if the font file is located in the same directory as the .css file.

Or use:

src: url('../Charlotte.otf') format('opentype');

if the font file is one level up from the directory containing the .css file.