Thank you for dropping by. I hope you like my blog! 
Have a nice day!
[Tutorial] How To Use Custom Fonts On Your WebsiteWednesday, July 17, 2013 | 2:35 AM | 
5 comments
5 comments안녕하세요!
Today I'm going to give a tutorial requested by Miki ! 
It's about how to use custom fonts on your weblog. Some people might've been curious about this, even me, lol. Tbvh this tutorial is made based on my own pure experience in coding and such.. I haven't found any web giving this tutorial clearly and most of them don't work for me, ...or it's just me who's too dumb 
It's about how to use custom fonts on your weblog. Some people might've been curious about this, even me, lol. Tbvh this tutorial is made based on my own pure experience in coding and such.. I haven't found any web giving this tutorial clearly and most of them don't work for me, ...or it's just me who's too dumb
*anyway i'm sorry for my poor explanation in english*
It works really well so far for me and I hope it works well on yours too!
THIS TUTORIAL IS BASED ON MY TRIAL&ERROR EXPERIENCE SO SOME STEPS MIGHT SOUND UNFAMILIAR TO SOME OF YOU 
Let's begin by choosing your favorite fonts, for example from Dafont.com.
I choose "Pinky Promise" font for this tutorial. Click Download.
After downloading your font, it is usually saved as .zip file.
Unzip your .zip file. It can also be done by right-clicking the file → extract here.Another file will appear as .ttf
additional information:
Internet Explorer only supports EOT Mozilla supports OTF and TTF Safari and Opera support OTF, TTF and SVG Chrome supports TTF and SVG
Now we're going to get the direct download link of the font we've downloaded. (I purely improvised this part 
) I recommend you to use Tumblr to upload our .ttf file.
Choose your .ttf file you've downloaded → Upload File
After uploading your .ttf file, copy the file URL.
Now how to use the font? Copy this code to your CSS/HTML area above 
@font-face{font-family:YOUR FONT NAME;src:url('YOUR FONT DIRECT DOWNLOAD URL')}
Replace YOUR FONT NAME with your font's name and YOUR FONT DIRECT DOWNLOAD URL with the file URL. Click Save and done! 
This is sample result of the text using PINKY PROMISE font ^_^
Please comment on this post if you get trouble on the related topic.
GOODLUCK
Labels: Fonts, Tutorial, Web Designing
