Single post in Guide to CSS (Beginner & Intermediate) [In Progress]

To use a custom font on your template, you will need a dropbox account. We're going to use the font White Chocolate Mint. First, you'll want to download the font. Extract the folder, and find the file called "White Chocolate Mint - TTF.tff". Upload it to dropbox, and copy the URL. You should copy something like this. https://www.dropbox.com/s/pfao9t4hwajwvrq/White%20Chocolate%20Mint%20-%20TTF.ttf?dl=0 Keep that URL somewhere that you can copy it later. Next, you'll want to copy and paste the code below onto your template, inside the [style]. @font-face {font-family: "WhiteChocolateMint"; src: url('https://dl.dropboxusercontent.com/s/} Now, this part is a little tricky. Remember the URL you copied earlier? What you want to do is copy everything after the /s/. You'll also want to cut off the last few letters at the end, after the ?. You should have something like this. pfao9t4hwajwvrq/White%20Chocolate%20Mint%20-%20TTF.ttf Now, paste that onto your template after the /s/ and stick a semi-colon on the end. It should now look like this. @font-face {font-family: "WhiteChocolateMint"; src: url('https://dl.dropboxusercontent.com/s/pfao9t4hwajwvrq/White%20Chocolate%20Mint%20-%20TTF.ttf');} And last but not least, on the part of your template where you put your content... [css=font-family: "WhiteChocolateMint";]Ta-da! You now have a custom font![/css]