Welcome to the Treehouse Community
The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.
nico dev20,360 Points
How do you know you're using, e.g., Changa One 400, but not the 700 you imported?
How would you know at the time of optimizing performance, which of the fonts you imported are you actually using or which ones are not there at all?
Do you have to simply search font styling tags through your CSS one by one and find out, or is there any other way for this?
Thanks in advance for your (speed) insight! :)
Steven Parker210,475 Points
Don't forget about font substitution.
You mainly have to tell by appearance if the selected fonts are being used, because if the selected ones are not found it's normal for the browser to substitute another font from the same family
You can also use the dev tools console to see if there were any loading errors.
nico dev20,360 Points
Thank you for your reply, Steven!
Good point, although let's put it this way (and I know it may not be an ideal practice) lets' say I messed up a little with changing my fonts many times, and I am no longer sure which ones I really used and which ones not (among those I used from Google Fonts). Let's say in my HTML head I included a lot of them, but then I changed many times from 300 to 400, to 400 italic in one place and I did likewise in other places/pages of my website.
So in the end, I want to optimize performance and remove those I did not use (among those I 'imported' from Google Fonts), is there an accurate, efficient way to find out which ones I finally ended up not using? Or do I just have to read the whole CSS file(s) and go 'checkboxing' them?
Sorry if my question is a little confusing but I was just thinking that otherwise that may be a really time consuming task. Your thoughts?
Thank you so much again!!