Back to Top Cindie
 

This tutorial will show you how to use a pixel font within you theme.

Copy the following code and add it somewhere within your <style></style> tags

@font-face {

font-family: “04b03”;

src: url(‘http://static.tumblr.com/5fd89aw/aFUlmf7ca/04b03.ttf’);

}

next look for what area of your theme you want to add this font in. this means a certain div id or class such as a sidebar or post area etc. 

if you want this font to appear all over your blog just look for body within your <style></style> tags (it will most likely be at the top)

^ change the highlighted parts above like so

font-family: “04b03”;

font-size: 8px;

text-transform: uppercase;

now just update preview and save your theme :)

this goes for any types of custom fonts you want to add to you theme all you need to do is change the name of the font (font-family) and add the font’s file within the URL (src:url(‘TTF FILE GOES HERE’) 

Posted: Mon January 2nd, 2012 at 9:06pm
Tagged: tutorial @font-face pixel font
Notes: 248
  1. uncheckedprivilege reblogged this from arlertarmin
  2. zeroflocs reblogged this from cindie
  3. lightnii reblogged this from xvri
  4. kami-nyama reblogged this from moromori
  5. tsunderejanai reblogged this from eghosts
  6. anbelium reblogged this from vionako
  7. maybeimgoinghome reblogged this from xvri
  8. xvri reblogged this from izuruu
  9. meteor-rider reblogged this from poopycup
  10. poopycup reblogged this from arlertarmin