Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

General Discussion

Posted by Aurelian Spodarec
Aurelian Spodarec
10,801 Points

How to add fonts to a project?

Hi,

When making a project, we got assets, images, css etc...

I usually use fonts from google, but how can i use font's from this ?

https://github.com/dvingo/artdrop/tree/master/app/fonts/circular

and put it in my project folder, so the font willl work on every computer, since the font wll be loaded form my project? how can i achieve this effect?

1 Answer

James Anwyl
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
James Anwyl
Full Stack JavaScript Techdegree Graduate 49,960 Points
James Anwyl
.a{fill-rule:evenodd;}techdegree seal-36
James Anwyl
Full Stack JavaScript Techdegree Graduate 49,960 Points

You can place the font files in a folder somewhere in your project and use @fontface + link to the files.

Check out Self hosted webfonts video from the Web Typography course for an example.

Hope this helps :)

Aurelian Spodarec
Aurelian Spodarec
10,801 Points

Thanks! :) straight forward :D

btw, could I ask what were your thoughts to put this question in General Discussion?

James Anwyl
.a{fill-rule:evenodd;}techdegree seal-36
James Anwyl
Full Stack JavaScript Techdegree Graduate 49,960 Points

General discussion seems fine to me, it could also be Design or CSS I suppose.