Are there any fellow font addicts in the house? :) Have you ever wanted to use fonts to add a cute, personalized look to your blog? Have you seen blogs with cute fonts for their titles, dates, or sidebar headers and thought, “I want that!”? Have you’ve already tried to do it, only to discover if someone else doesn’t have the font installed, they won’t see it?
If you answered yes to any of those questions, then I have good news for you my friend! This is a tutorial on how to use your own, custom fonts on your Blogger/Blogspot blogs. You can change your post title font, sidebar titles font, and even the date font. And even if the other person doesn’t have the font installed, they’ll still be able to see whatever font you chose.
{ click image to see this working on Blogger }
Here’s how you do it.
1. Choose a font. It can be any font you want. Feel free to browse the selection of free fonts offered here on Kevin & Amanda!
2. Convert the font to SWF. Make sure the font you chose is saved on your computer and is unzipped, then visit the site below to convert your TTF file into a SWF file.
http://www.sifrgenerator.com/wizard.html
Follow the onscreen instructions to upload your font. When going through the steps, you don’t have to change any of the options. Just use what they have. When you get to Step 2, confirm that sIFR 3 r436 is checked. If anything else is checked, it won’t work. Download and save your newly converted font (it will be a SWF file).
3. Download and save the following four files. To save, right click on the filenames below and choose Save Target As or Save Link As.
sifr.css
sifr.js
blogger-sifr.js
index.htm
Note: If you are using a new Blogger Designer template, and your sidebar titles are not changing, use this file instead of the one above:
4. Create an account at HostWebs.com. You’ll need an account here, even though you already have a Blogger/Blogspot blog. This is where you’ll host your custom font file, and the other files needed to correctly display it on your blog. Unfortunately, there’s no way to host these on your blog, thus the need for a separate hosting account. During the sign-up process, be sure to choose HTML Only Mode.
5. Once your account at HostWebs.com is created, use the File Manager to upload the SWF font file and the previously mentioned 4 files.
6. From the HostWebs file manager, click on the blogger-sifr.js file to edit it. You will need to customize this file for your blog. When you open it, you’ll see something like this:
var kevinandamanda = {
src: 'http://username.hostwebs.com/fontname.swf'
};
sIFR.activate(kevinandamanda);
In the second line, where it says
src: 'http://username.hostwebs.com/fontname.swf'
Replace username with your HostWebs.com username and fontname with the exact font name of your SWF file.
*Careful* This is a common typo area. Don’t delete the quotes around the font URL or the code won’t work. It should look exactly like it looks in the code above.
Now under that you’ll see three sections: Post Title, Date and Sidebar Titles. In those sections, you will see something like this:
css: ['.sIFR-root { color: #000000; font-size: 28px; font-weight: normal; }'
,'a { text-decoration: none; }'
,'a:link { color: #000000; }'
,'a:hover { color: #000000; }
See those three places where it says color: #000000; ? Change that six digit code, 000000, to whatever color you want. (You will need to know the 6 digit color code.)
The first one changes the color if it's not a link.
The second one changes the color if it is a link.
The third one changes the color if it's a link and people hover their mouse over it.
Usually the first two are the same color and the third one is a different color.
Here's a color slider to help you pick your color and get the code. Or I use a cool Firefox plugin, Colorzilla. It lets you click on any color on any webpage (like a background that's already on your blog) and it'll copy the color code to your clipboard. Then all you have to do is paste the code where it goes. I use this addon all the time! :)
You can also play around with the font size if you want it bigger or smaller. Just change 28 to a bigger or smaller number. (Try 32 if you want bigger, 20 if you want smaller.)
You can change the font color and size for all three sections. *Note* There are ultimately 9 places where you can change the font color: 3 in the Post Title section, 3 in the Sidebar section and 3 in the Date section. Be sure you change them all! :)
When you get done playing, click the button in the top left-hand corner to save the file.
This is the final step! Don't skip it! :)
7. Now it's time to implement the code into your Blogger/Blogspot blog. Go to your Dashboard. Click on Layout, then Edit HTML.
Look in that code and find the line that says </head> (Look closely, it's not <head>, it's </head>)
(Quick Tip: Click CTRL-F to search for </head> to easily find it in all that code)
Just above </head>, copy and paste the following code:
<link href='http://username.hostwebs.com/sifr.css' media='all' rel='stylesheet' type='text/css'/>
<script src='http://username.hostwebs.com/sifr.js' type='text/javascript'/>
<script src='http://username.hostwebs.com/blogger-sifr.js' type='text/javascript'/>
You will need to change where it says username on all three lines to your HostWebs.com username.
This is another common typo area - Only paste this code once and only change where it says username. Don't add or change anything else here.
Save that.
Now go to your blog and see your new, customized look!!! :)
Frequently Asked Questions / Troubleshooting
* Here are the most common problems... and their solutions! :) *
I think I did everything right, but it didn't work.
1. Check to make sure you did the "final step" correctly and that there are no typos.
2. Check your blogger-sifr.js file for typos- this is the most common reason why it doesn't work. Compare your blogger-sifr.js file with mine and see if you can spot your typo.
3. Check to make sure you uploaded all your files to your HostWebs.com account. You should have at least 4 files: blogger-sifr.js, sifr.css, sifr.js, and your SWF font file. If even one is missing, the whole thing won't work.
4. Make sure you have the most current version of Flash and Javascript installed and up-to-date on your Browser.
5. You may need to refresh or restart your browser (or even reboot the computer) for changes to take effect. Any changes you make through Blogger or HostWebs.com will be immediate, but because of browser caching, your browser may still show the “old” blog instead of the “new” blog with the font changes.
6. This code is intended to work on the default Blogger Minima template. If the code for your blog has been modified from it's original template, this code may not work for you. You may need to switch back to a default template for this code to work.
7. If you are using the HostWebs.com links, but it's not working, try changing the links to Webs.com. Everything else will stay the same, just change "HostWebs" to "Webs". There are 4 places where you'll need to change the code. (One in your blogger-sifr.js file, and 3 in your Blogger HTML code.) Not sure what the deal with HostWebs/Webs is, but sometimes if you create an account at Hostwebs, your links will be at Webs. I can't figure it out!
8. If you are getting a weird line of text at the top of your blog that says Read More and has a a link back to this site, go back to the HTML section of your Blogger Dashboard, find the text (just under where you pasted the code) and delete it.
My titles totally disappeared! (Blank Titles)
Blank titles are usually the result of a typo in the blogger-sifr.js file. Double check your work and compare your blogger-sifr.js file with mine and see if you can spot your typo.
There could also be a problem with your SWF font file. Type the address of your SWF font file in your browser. It should look like this:
http://kevinandamanda.webs.com/peahannahvanilla.swf
(click on the address to see what it should look like on your screen)
If it is a blank screen, there's an error with the SWF file and that's why your titles are blank too. You will need to delete that SWF file and try again. You may need to try it from a different computer / browser / ISP.
It worked, but I have two sidebars and it only changed the fonts for one.
Add this code to the bottom of your blogger-sifr.js file:
// Code for Second Sidebar
sIFR.replace(kevinandamanda, {
selector: '#sidebar h2',
fitExactly: true,
tuneHeight: -5,
css: ['.sIFR-root { color: #000000; font-size: 28px; font-weight: normal; }'
,'a { text-decoration: none; }'
,'a:link { color: #000000; }'
,'a:hover { color: #000000; }'
],
wmode: 'transparent',
ratios: [6, 1.93, 10, 1.92, 13, 1.86, 17, 1.82, 21, 1.8, 29, 1.79, 32, 1.78, 33, 1.77, 36, 1.78, 43, 1.77, 44, 1.76, 47, 1.77, 70, 1.76, 71, 1.75, 74, 1.76, 75, 1.75, 76, 1.76, 1.75]
});
//End of Sidebar code.
Look in the third line and change the word “sidebar” to whatever you named your second sidebar when you added it. Only the word sidebar, don’t mess with the # or the h2. For instance, it may look like this:
selector: '#left-sidebar h2',
My fonts are being cut off!
This is a problem with the way the font was made, not with the code. If it’s one of my fonts, simply download the newest version of the font from my site. You will need to unzip, reconvert, and reupload the new font file. Be sure to delete all instances of the font from your computer and your hostwebs.com account first. If it’s not one of my fonts, you will have to contact the font author for an updated version of their font.
You can also look in your blogger-sifr.js file, and find the line that says fitExactly (it’ll be in there three times, once in the Post Title section, once in the Sidebar section and once in the Date section) and if it says true, change it to false. *Thanks to Liene for this info!
The custom font is showing up, but the old font is still there too! (Double Titles)
There’s a problem with your sifr.css file.
1. Check to make sure you uploaded the sifr.css file to your HostWebs.com account.
2. Check to make sure you didn’t make a typo when you copied and pasted the code above the </head> in the Edit HTML section of your Blogger Dashboard.
It worked, but my titles used to be centered and now they’re not.
Whenever I get this comment, I always check, but they always look centered to me. I think it’s because I use Firefox and not Internet Explorer.
You can try adding this code, but I’ve gotten mixed results- some say it works, some say it doesn’t.
Find this in your blogger-sifr.js file:
css: ['.sIFR-root { color: #000000; font-size: 28px; font-weight: normal; }'
Add this:
css: ['.sIFR-root { color: #000000; font-size: 28px; font-weight: normal; text-align: center; }'
It’s working, but the old font is showing up first, then the custom font loads.
The font is competing with all the other photos, blinkies, widgets, music playlists, etc, on your blog for loading time. Limiting the number of posts that show on your blog to 10 or less will help speed things up. Other than that- the font is just like an image and will always have to “load”- that’s just the nature of the internet. (It even does it on my blog.) The original font is there first just in case the custom font never loads, you will still have a post title. How fast the custom font loads will depend on your internet connection speed and the HostWebs.com connection speed.
It worked! Now how can I change the font for my blog header / description / footer / pages / other blog element?
I don’t recommend using this method to change the font for any other element on your blog besides your post titles and dates. I normally prefer using images. I only like this method for post titles and dates because they are changing with every post- and it would be a pain to make a new image for every post! :) For elements that aren’t changing constantly, like your header, I recommend creating an image and uploading that.
My custom titles suddenly stopped working.
Make sure you have the most current version of Flash and Javascript installed and up-to-date on your Browser.
*Please Note* If you are having an issue with your HostWebs.com account or the sifrgenerator.com site, you will need to contact them for technical support.
You may also be interested in…
Check out my second tutorial in this series.
If you did this on your blog, I’d love to see it!
Leave a link here, I’d love to leave a comment for you! :)
Thanks for looking and good luck!!!
More from Amanda:
Share:
Filed Under: Blog Design, Tutorials
Follow Amanda on 
2,304 Comments
Thank you so much for this! I love how you make it so easy to follow step by step. I used your pea Krystyne font (which I adore) and my blog turned out way awesome! Check it out
Thank you so much for your fun tutorials! I love using these adorable fonts! But I would like to know how I can center my post title and date header within your code. I tried adding CSS to my blogger template, but the code for the title font seems to override that code to center it all. Thanks for any help!
It took me a while, but I finally figured out my problem! Maybe hostwebs has changed since this tutorial was written, but my hostwebs username was: username.WEBS (not username.hostwebs)
Once I got that figured out, it was smooth sailing! Thanks!
Thank you so much for posting this!! I have been having trouble for three days and been wracking my brain! When I used “webs” instead of “hostwebs” it worked!!! Thank you so much…Obviously an important change. I would have never been savvy enough to find it though. :-) I love my new look. I am going to go and update by putting this button on my blog.
Hello Amanda and Kevin,
I love you site :D it is absolutely adorable!!
&i have a few questions for you
1.Once i got to the hostweb page and i created the account i couldnt find anything that said file manager or anything like that so i was pretty stuck from that point on…
Also, i have just recently created a blog and am very excited about getting it started! ..However, i am horrible with computers and anything online that takes any kind of intellect hahaa it just does not come naturally for me.. i want to make my site look good before i really put it out there. I was hoping you could give tips.
: )
When I try to open the blogger-sifr file, I get an error code…it says “sIFR is undefined” and won’t open. What should I do?
Hi Amanda! Ok I love LOVE love the font I DLed from you! But for some reason the webhosting site you said to use will not let me upload any files! Every time I click on the upload files link it says the page can not be found ): Maybe I am doing something wrong?? I just want to use my super cute font! HAHA!
Megan
I am having the same problem. When that page pops up, try deleting the “free” in freewebs on the address bar and see what happens. I get a “problem loading page” sign instead. Anytime it says “freewebs” instead of “webs” in the address bar, it goes to a file not found page. I think they have some kinks to work out in their recent change.
Also – Amanda – not sure if others are having this happen now too, but thought I’d pass it along. When I went to establish an account at webs.com, there wasn’t an option at the 2nd step for HTML-only, which has complicated things a bit. Do you know of any other similar free services out there?
Since I read (after posting) that others were having problems with webs.com, thought I’d pass along something I’m trying. I logged in, then opted to set up another “site”. This time, it had the html option (although I believe it was next to step one) and the domain name was under webs.com instead of freewebs.com. I’m waiting on my confirmation email, but hoping this will solve the problems. Will update – hopefully this will help others too!
Hi Amanda!
HostWeb’s File Manager is currently not working. Do you know of any other free web hosting sites that will allow me to upload the files? Thank you!
Ok well I got it to work under the domain of webs.com and I’ve uploaded all the files but for some reason, the index.htm file isn’t uploading unless it’s a html file. I’ve double checked everything I did and did everything correctly but the font doesn’t appear on my blog at all. I’m wondering if this is the only problem that’s preventing it to work. Thank You!
Okay – got it to work exactly as Amanda described using bravenet.com. If I find time, I’ll post the directions for bravenet – really not too different from the directions she listed for webs.com.
Thanks for a great tutorial! Looking forward to playing around with my fonts! So excited!!
I cant get it to work!! I’ve done everything right about a million times… Please please please help!!! My blog needs some personality!
Amanda,
hi! I’m trying to change my font and I’m stuck. I did the hostweb site but it wont let me upload the file manager. Help.
Why wont it work? Please get back to me!
Thanks,
Rachael
omggggg i give up i just dont have the bloody patience!
hello, Amanda and Kevin …
I love your website and this instruction,
but when i am about to open my hosting webs, i cant open the file manager,
so can you help me about that??
Please
Thanks,
Brenda
YAY! I’M SO EXCITED ABOUT MY NEW FONT! I FINALLY GOT IT TO WORK! THANK YOU SO MUCH!
hi, I’ve tried this tutorial but it works like this:
http://soup-is-on.blogspot.com/
please, I really really need help
thnx before
I’d say that it’s your font. There are some fonts that they’ve created that are little sayings instead of letters. Upload a different font and see how it turns out.
I can’t get the fonts to work on my blog from some reason. I have tried everything and it wont work. Can you help me?
Thanks Amanda! Now You Dont Need to Answer My Question Again! Now I Can use The Fonts! Thanks.
We used your tutorial and it worked out beautifully. Feel free to drop by to see your font displayed in our titles.
Hello Amanda,
First of all, awesome tutorial! It was so easy!
Unfortunately, it didn’t work for me. I’ve checked and double checked all the reasons why it would not work and then I realized this message when I tried the last step: “We were unable to save your template
Please correct the error below, and submit your template again.
More than one widget was found with id: Image9. Widget IDs should be unique.”
Any idea what’s going on?
Thank you so much!
♥Natalie(:
Nevermind, figured it out! :]
Hi there! I had just made a new blog and I really have a tons of plans for it but they aren’t all working out.
I did everything this tutorial did and I quadrupled checked for any typos or errors and I either can’t find any or something is wrong.
I am using the “Simple” template with customization. I’ve refreshed a billion times and rebooted my computer and I can’t figure what is wrong with this. I need some serious help. I’ve been on this for like two days. I had it working once before but once I changed my template to another simple one it hasn’t been working since. Please help me out?
You said that after you changed templates that your code didn’t work? Or did you forget to put the code back?
Hi Amanda,
If we did paste that Final code more than once, will that cause it not to work?? Because I think I did that not knowing it would really affect it. Is there a way to fix it?? HELP!!!
Thanks,
Chelsea
Hey, when you say to substitute the HostWebs username, Im confused. When I login to the website, it asks username or email and I put my email there, so what is my username? HELP!
You have to create your own account to get a username.
Thank you so much!!! I love how cute and original it makes my blog, and with your awesome tutorial it was a breeze! : ) YOU ROCK!!!
Dear Amanda,
Thanks For Your Cute Fonts! But I Have a Problem
First Sidebar I can change, but after I change the fonts and colors, my sidebar has not changed. Is there a need to be changed? because I just change the text and color. Please Help Me. Thank you.
http://onemarblespin.blogspot.com/
SHEW! I did it! I’ve been at the computer way too long but once I got into it I didn’t want to give up! I was SO happy it worked! I think I would’ve been close to tears if it hadn’t. ;-) But the bummer is I didn’t read the initial directions closely enough to realize that this only changes post titles. I’m really looking to change the HEADER title. I’ll have to keep working on that. I used A little pot font which I’m pretty sure I got from you! :-) Thanks so much for being so specific with these directions! I just confirmed I could never be a computer programmer for a career! My eyes are going crossed trying to find that code! :-)
thank you SO MUCH for this tutorial. I’ve been trying to find one in clear English for, like, ever.
love your blog! thanks again!
Ally
hi, I follow your tutorial, but unfortunately I can not open the file manager in webs for my site, instead they offer me to use other option which is FTP Files.
I tried it and it showed me 2 folders. Should I upload the file to the cgi-bin or the htdocs? And in both case, it has an option at the bottom which is ASCII or Binary? Which one should I use?
Thanks and you your blog is really awsome :)
Hiya!! I love your site and have spent the past 4 hours trying to figure it out and have had no luck at all what so ever! Every single time I try it just looks the exact same? Is there any way you could tell me what I am doing wrong? Thankyou so much!
did it..!!!
THX a LOT..!!
it works awesomely
:D
u’re awesome
check it out:
http://www.wallofweirds.com
Hey, it works! Thank you! ^_^
http://www.asongbirdinhiscourt.blogspot.com/
I followed your instructions nine months ago when I began blogging and woke up today to find my .webs host site deleted. I forgot to login once in a while. So I redid all of it and I want to thank you for your clear, concise and thorough instructions. I was so happy I bookmarked this post. Oh, and I think I’m using your cute Amienne font as well. You simply rock!
Joybird
Hi there!
Thank you for this tutorial. It was so easy to follow, and you really did cover the bases for how to change the title fonts and color.
The only issue I’m having is there is a brown box around my Date, but other than that everything else took. Do you know how to fix this?
Also, I’d like to add, for those of you having issues with opening the File Manager, you have to turn off your pop-up blocker and it works like a charm. :) I know I scratched my head for a few clicks before I noticed it.
Chrissy:
I am having problems with the “File Manger” piece. I saved all the files to my actual computer. Is that what I was suppose to do? Now that you have mentioned “pop ups” it sounds like I need to save it to something online. Can you help? My blog is on blogspot.
Thanks!
Crystal
Thanks for this great tutorial, two years later, Amanda! I was looking for an easy way to spruce up my blog without paying a professional and this helped!
One quick follow up question: is it possible to update font colors after I’ve completed all of the steps? I accidentally made my date and post title the same color. I updated the color in my blogger-sifr file but it doesn’t seem to update the blog. Is it too late?
Sorry to add the thousands of trouble shooting questions and no worries if you’re unable to answer.
Thanks!
Hey Amanda! I have been using your free fonts on my blog for a few months and they work beautifully! Thank you soo much!
Recently though I decided I wanted to switch my blog to a three column, and with blogger’s new template designer I can do that easily. What I cant figure out is how to make the the code work now… I tried adding the new code that you posted for the third column and since I didnt create the additonal column I didnt get to name it.. thankfully I downloaded my old template before attempting this lol.
If you have any idea what Im doing wrong I would greatly appreciate the help :)
hye there..thanks for the info.. :) btw, i want to try it, i just cant find the file manager to upload those file to my blog.. i’m a new blogger.. do u mind to help me? TQ ~ regards, Aweirdo Mohd
Me either. I use blogger and I don’t see that option anywhere unless she is talking about the template uploads. I’m so confused.
I have spent the majority of the day trying to figure this thing out..and am just noticing that I had to create a hostwebs account. That would have been nice to be step number one….other wise….FANTABULOUS site and tutorial! LOVE THE FONTS, the generosity and the ideas on this blog. WELL DONE!
Oooh is that what it means by ‘when your account is created’? It should say your webs.com account. Jeez…
Hello,
First of all, thank you so much for so generously sharing your knowledge. I used your tutorial two years ago and changed the font and color of my blog headings. Everything worked great! Now I am trying to use the process to do the same thing on a second blog. I created a second folder on the webs account and have uploaded the required font and files to it. But when I try to make the changes to the blogger-sifr.js file, I can’t. It won’t let me delete your info and type in mine. It’s like it’s locked or something. What am I doing wrong?
Thanks for your assistance!
Linda Coughlin
hi, im newbie with blog and coding..
im confuse with this tutorial..
1st i dont knw where to create acct.. and where is file manager?
2nd, i think i find the file manager but then, how can i upload those file?
i still dont get it.. :(
i cant find a file manager.
so how do i upload the 4 files?
I am using a mac and am on blogger
HI Amanda,
I recently found your site, stocked up on fonts and have been devouring your blog.
I am trying to add specialized fonts to my blog and I’m a little confused on your tutorial at an early point. I have a Google Blogger blog and do not see a “file manager” to upload the four files once I created my swf. files. I’m lost at this point and not sure where to put these.
Can you help?
Thanks for the lovely blog and plethora of information.
Tara
What is the file manager? Ive gotten this far but don’t know what or where that is?
Hi Amanda!!
I absolutely love ur post!!
I would like to try this one on my blog…but..:(
I have problems..i have been trying to solve it but i cudnt find any solutions :(
my problem is i could not do the following instruction:
“Click on the blogger-sifr.js file to edit it. You will need to customize this file for your blog. When you open it, this is what you’ll see:”
When I open the file with wordpad and other javascript reader/editor, a bunch of rubbish words/fonts came up…so i can’t read or understand a single word. Can u help me please??
Adnin.
Amanda- I love your fonts and use them all the time. Thank you for this wonderful website.
I followed this tutorial about 6 months ago and it worked great. I went back to it to do the same thing on a new blog and the tutorial seems to have been edited. It’s leaving somethings out I think. I’ve gotten to the part where you talk about a file manager and was confused. I racked my brain and remembered what I did before but the webs.com acct won’t let me upload an htm file.
I see other people having the same problems and am not sure what to do. I’m sure you don’t have a million hours to answer all sorts of Q’s but I was hoping you could at least update the tutorial. I got started only to have no way to understand where to go next. Thank you!!
Rachel
I don’t know what my problem is because I’m so excited to do this, but my computer won’t even let me open up the blogger-sifr that I downloaded…any ideas???
Hey Amanda
thx for a gr8 tutorial. i have a small problem using custom font on my site. it cant show danish letters Æ Ø Å. do you have any idea on how to solve that problem.
Hi there!
I’m trying to change the font of my Blog POST title. I went to your fonts and downloaded, unzipped, and went through the sifrgenerator process. (p.s. LOVE YOUR FONTS! :) SO CUTE!)But the next step says “Once your account is created, use the File Manager to upload the swf font file and the above 4 files.” What account are you talking about? My blogger account? If so, where do I find my File Manager??
I would love to get this to work! :)
Thanks in advance!
<3 Darbey
I think they want you to create a HostWebs account. you need to be able to upload the files onto the internet somewhere. I hosted them myself on my own website. If you have a way to do that, it works just fine!
Hello,
I was trying to follow this tutorial to have cute fonts on my blog and I have run into some problems with my account on webs.com. I have been trying to access the file manager but it seems that the link is broken. Do you have any suggestions as to what I can do to get around this?
Thank you so very much!
Hi! Thanks for this, I’m such a non techno person that I’m struggling.
I chose and downloaded the font style but am confused about where to upload the four files on my blog?? Any help would be greatly appreciated!!
I used this tutorial a long time ago and it has worked for probably a year and then all of a sudden yesterday it stopped working. Do you know how I can fix it? Help!! Thanks!!
Amanda:
I LOVE your fonts!! I can not thank you enough for offering all of these for free. I have just started a blog and am attempting to change fonts on my page BUT, I don’t understand the step above:
“Once your account is created, use the FILE MANAGER…”
What does that mean exactly? If I try to open the file on my computer, I get an error message, but I don’t know how to upload it to my blogspot and open it there.
PLEASE HELP.
Crystal
Help! I did everything right with no typos or anything. I even had to fnd out what a file manager was and create one. I tried reverting back to the old blog template and it just undid all of my custom template work. I had to go in and redo all of my designs to get my blog back to normal. I really want to use this font (peesandradee) and I did so much I don’t want to give up, but I can’t figure out why it’s not working.
I love your website! This seems like it helped alot of people! I just want to be one of them. Thanks!
Hey, Amanda… my titles had been working since you first posted this tutorial, and then suddenly this morning I was getting the double title [where bloggers showed up to the right of mine]. I started over, did all new uploads to webs.com… everything. But I can’t get it fixed.
A long time ago [when it was first an option] I changed to the new design template but never had a problem. I tried your new file for that design and now it won’t show the new font at all.
Is anyone else having issues? Any suggestions for me? My email is gitzengirl@gmail.com if you have any help to share. Thanks!!!
I’m having the same problem. If you figure out how to fix it, please let me know. Thanks! awilliamson1018 (at) gmail (dot) com
ditto. I have a double posting titles and dates and can’t find anything wrong with my code. If there happens to be an answer that is being emailed around (mnkruck at gmail)
thanks!
Hi Amanda. Love your website! And LOVE your fonts! I went through your tutorial to change the fonts on my blog and it worked perfectly. However, since yesterday, my custom fonts aren’t showing up…just the regular and boring one. At first, two sets of fonts were showing up and then when I refreshed, the custom font disappeared for good and the default font was only showing. Do you know what’s going on???
Please email or respond. Your fonts add such a unique touch to all of our blogs/websites!
Ive been at this for hours :( and i cannot get it to work for my blog. blah dissapointed :(
I am having the same problem as comments #6. What do you mean by ”
Once your account is created, use the File Manager to upload the swf font file and the above 4 files.” That is the only part that I’m confused about. Though… I pushed forward and tried it with no luck. I really want to do this for my blogs. Help Amanda!
I was confused about that step too. What you need to do is create a Hostwebs account, or any other account that you can use to store your files on the internet somewhere so that blogger can access them. For example, I have my own website, so I posted them to my server. once I did that, I was able to put in the address for the files into the .js file and everything worked for me. Hope this helps! Contact me if it doesn’t. My blog is http://scrapingandstamping.blogspot.com
Thanks for posting this! However, I should let you know that your links you told us to download are broken. They just come up with an error code. However, this might be the server I’m using (Chrome), so I’ll go switch to Firefox and see if that makes a difference. :)
Hello,
I have had this tutorial up and running on my blog for quite sometime.
In the last week the custom title font stopped showing up, and now my blog is loading so very slowly it is painful. Do you think these two things could be related?
http://stultz365.blogspot.com/
If so, how do I remove what I did with this tutorial?
Thanks so much!
I am having the exact same problem with my blogspot page too. The links just stopped working a couple days ago and I’ve been using these fonts for almost a year. I have reloaded everything to make sure I had it correctly, but it still isn’t working. I also noticed that blogspot addresses are loading extremely slow. Hopefully, we can figure this problem out.
I just loved this article. I actually did a blog post linking back to you page after I created a new look for my blog.I wanted to share my links with you guys.
My blog with new typeface in actions – http://scrapingandstamping.blogspot.com/
my blog post singing your praises! – http://heatherpilzdesign.com/blog/2011/01/free-typefaces-for-your-blog/
I really appreciate the easy to follow instructions-Could I make one suggestion, in the tutorial, where it says Once your account is created, it look me a little while to figure out you meant I needed to create an account on Hostweb. I skipped that and just posted it on my server, but you may want to clarify that. But I might have missed an step somewhere in my excitement to get some typeface installed!
Thanks again!
Heather Pilz
To anyone wondering about load times and fonts that won’t load–as far as I can tell, it’s a problem with webs.com. I’ve been looking for another site to upload stuff to and I know another hosting site was mentioned upthread, but at least know that the location of the problem is webs.com and not a problem with your blog specifically.
I had this working on my previous blog. For some reason I can’t get it to work on my new one. I have tried everything. All of the suggestions you’ve had listed. :(
Sad because I miss my cute font in titles and sidebar. :(
Hi! My date font is cutting off on the first letter. I’ve tryed several fonts. I’ve tryed downloading them off your site again. I’ve even tryed making them smaller. The first letter still cuts off. Any tips?
Thank You!
I love it, it’s perfect!
Hi..
I have 2 questions
- might be stupid but, how to I find out my Hotwebs.com username… I made an account there but I have no idea what my username is
- do I –need– to use HotWebs? or can I use another place that stores files?
thanks!
Hi Amanda. Just wanna let you know that your tutorial is awsome and applied it on my blog. Thanks! Please do leave me some comments if you’d like to :)
Thanks for the tutorial- I don’t know what I am doing wrong but I have followed everything and still don’t know why it doesn’t show up on my blog?
I’ve had some issues with the font (which worked perfectly fine until recently). There is a black box under the actual text.
Once your account is created, use the File Manager to upload the swf font file and the above 4 files.
PLEASE HELP!
Im really bad at anything to do with editing, I was doing well until I got to the step above. I dont understand it :/ Please explain it!
Thanks for tolerating my ignorance :P
BTW, thanks for all the CUTE fonts!
The letters are all squished together in the post titles, is this something that I did or is it the nature of the font?
Thanks so much for your tutorials and great fonts!! I am finishing up giving my blog a makeover using your info! I really appreciate your help.
Hey, guys! Thanks for the information. Here’s my problem. I installed my fonts and had it all right for the longest time. But, then I wanted to change things around some and accidentally deleted the last step…. so I copied and pasted it back in and now it won’t work! HELP!
Thank you so much for this! It was great! My only problem is that the font doesn’t show up on my sidebar. I’m sure it’s an easy fix, but I can’t seem to figure it out. Any help you can offer would be greatly appreciated. Thank you!
Where is the file manager?
Has anyone been able to use a different hosting site and have the files work? Is Webs still down?
Hi again amanda, i just want to say thank u so much for the detail tutorial. If you don’t mind i’d like to permit to use your link and put at my blog. Im going to share these great information to the other bloggers. Email me if you mind, so I will felete it rom my blog,
here is the direct link:
http://patchnstamp.blogspot.com/p/lets-sharing.html
thanks amanda ^^
Thank you so much! This was so worth the effort!
i had this working for my older template, but when i switched over to the new blogger template ‘simplicity’ the font for my titles isn’t working. is there something different to do when using the newer version of blogger templates?
vaja kontrollida:)
hi Amanda!!
Thanks so much for these instructions! so love it..
http://littlemissvintagechic.blogspot.com/2011/01/when-amber-met-chair.html, I used your great tutorial and changed my font post title and date. Thanks so much!!! Now if I could figure out how to change the font on the tabs that would be awesome!
It worked for my post title and the date but not the side bar at all :( What did I do wrong?
Hi Amanda,
I absolutely LOVE my blog now that I can change my font and I just can’t get enough. I was wondering if there was a way to change my header and header description. If anyone knows please help. Thanks again Amanda. I LOVE your website.
THANKS
I have downloaded everything I am supposed to, but am having trouble with WebHosts. I can’t seem to get the File Manager to work on there to add my files. I’ve created 2 different accounts and tried it on 2 different computers and still nothing. Any suggestions?? Thanks so much! I’m super excited about the fonts!
Thank you, thank you, thank you! Your instructions were incredibly detailed and totally helped this html-illiterate girl cutesy up my blog! :)
I go to Web Hosting, created a site… and the button to use the file manager does not work. I click it, and nothing happens. I’ve tried with different browsers and different computers. Does anyone else have this problem?
Happened to me too on Chrome. Opened in IE and was able to allow pop ups from the site. That’s probably the issue.
Thank you SO MUCH for the tutorial I love the way my blog is looking now, but my sidebar title font didn’t change. Any pointers?
please help me… i’ve tried several times, but still doesnt work.. the problem is.. MY TITLE TOTALLY DISSAPPEARED! HELP ME TO FIX IT..
woopss.. i can fix it.. awesome!!!
thanks for this tutorial! After a couple tries I have some cute fonts up on my blog!
I do have a question, I don’t know if someone has already asked this…
At the very top of my blog I now have the link to your tutorial pasted up there. It kind of sticks out like a sore thumb and I was wondering how to take it off, change the color, or even just move it to the bottom? It looks pretty bad since it’s such a long code and black font on a white background. I’d love more information on how to remove it please!!
thank you again for the tutorial!!!
http://www.thelittleplumblog.blogspot.com
carissa
This is spacious information. Thanks fitting for sharing.
Thank you for this!!! I love how it added to my blog!!!
Hi!!
I was using you “turtleclub” font, and then decided to change it to a “pea picky panda” from your site. The problem is that even if i change the size of the font, it doesnt reflect that on blog.
If you can help me… You can find the credits in my blog, in the “creditos” section.
Thanks for the tutorial! Pea Colton is my favorite font and now everyone can see it on my bloggity! Yipee!
Thanks for the tips! Very easy to follow :)
Thanks for updating this!! I got it to work! YEAH!!!!!
I love it!! Thank you for making this so easy. I love your site!! I’m going to try your other tutorials now.
Hey! I am having all sorts of issues when I go to convert my ttf. First I can only download one fine. Which from what I read on here is ok. My biggest problem is when I go to download the new file my computer wants to open it in winamp (a music/media player) Help!!
thanks for your tips! i’ve tried and it works! thanks a bunch Kevin and Amanda :)
Amanda,
Thank you so much for this tutorial! I’ve gathered valuable information from your site and am now using it on my site. The placement of font changes here and there but I think I can live with that. Thanks again!
Amanda,
Thank you so much for this tutorial! I’ve gathered valuable information from your site and am now using it on my site. The placement of font changes here and there but I think I can live with that. Thanks again!
I really really want this to work… But it absolutely is not. I have tried about 10 times. I’ve gone over and over it. I don’t know what I’m doing wrong. HELPPP !