HomeРазвлеченияRelated VideosMore From: Caler Edwards

Easily Use Any Font On Any Website - @font-face Tutorial

348 ratings | 23237 views
Easily Use Any Font On Any Website - @font-face Tutorial Use any Font you want Safely & Easily on Any Website. In under 5 minutes you will be able to implement multiple custom font families into your code. Use any style: bold, italic, etc. Use any weight: light, regular, semibold, bold, 100, 200, 300 etc. Hope you enjoy :D Have a great day and don’t forget to Like,Share the video and Subscribe for NEW VIDEOS every Week! Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1 Used: Brackets Previous Video: https://youtu.be/chnT9Mz9cnE My Links: Website- http://caleredwards.com Dribbble- https://dribbble.com/CalerEdwards Facebook- https://www.facebook.com/CalerEdwards/ Behance- http://behance.net/CalerEdwards GooglePlus- https://plus.google.com/u/0/+CalerEdwards
Html code for embedding videos on your blog
Text Comments (27)
Jan Laon (11 days ago)
it is working in ftp ?
Carrie Davis (25 days ago)
Perfect, thank you!
Marius Eikenes (2 months ago)
doesnt work?
Aminul islam (4 months ago)
Thanks a lot, Brother.
Chase Love (5 months ago)
Hey Thank you for the video I really Appreciate it, very clear and helpful
Stefan Randa (7 months ago)
Mohammed Alaiady (8 months ago)
finally i got what i want .. thanks
SG Visuals (8 months ago)
OTF gang shit lmaoooo
Eric William (1 year ago)
Don't forget to add " format('truetype'); " after the .ttf) , which is missing in this video.
SimonBaku (1 year ago)
It's possible to have two fonts in the same font-face???
A Basket (1 year ago)
for some reason this did not work for me. I have the fonts folder and the html folder in the same file as well as the main css but when I open it up on my browser the font does not show up??
Ganesh Acharya (8 months ago)
Do you have any other clashing fonts already in your markup? Like another stylesheet linked?
Galaxy D (8 months ago)
Same to me guys
kalpesh khule (10 months ago)
It always renders in the Times New Roman on my chrome
kalpesh khule (10 months ago)
I am facing the same problem and using the ttf, but even adding this does not help me. I am totally clueless how to proceed.
Eric William (1 year ago)
Don't forget to add " format('truetype'); " after the .ttf) , which is missing in this video.
marek karasz (1 year ago)
so helpfull i watched many videos about fonts and how to apply them but when i see yours ,i finally understood .good quality video nice and easy .thank you more videos like that  pleas.
Leo Leito (1 year ago)
This is so great now I can move on, on my project. Thanks a lot.
Aze (3 months ago)
+Anh Nguyen Look in the browser console for errors. Maybe your path is wrong.
Anh Nguyen (5 months ago)
Caler Edwards Tt keeps rendering Times New Ronan, do you know why ? And also, doesn't that mean people who doesn't have the font file in their computer won't have the font-face working ? If that's correct, then how to make font-face with src works on every computer ?
Caler Edwards (1 year ago)
Glad it helped :D
sayed akbarali (1 year ago)
caler always upload as he know already what people require, thank's a lot
MoZenLen (1 year ago)
im so happy that you made this tutorial :)
Alexander Matzen (1 year ago)
Remember font licenses ;))
Arun Raj Moorthy (1 year ago)
Hi bro please explain the Jquery code from the below URL and make one video on that. http://jsfiddle.net/mPsez/3/
ali 2017 (1 year ago)
can you make more front-end tutorials plz :/ Great video bro :)
Walp (1 year ago)
Thanks for this tutorial keep it up!

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.