Tutorial Stats
How To Change Your Weebly Site's Site Title To Any Font
Tutorial Description
This tutorial will show you how to change the font of your Weebly site's site title to any font of your choosing. If your brand doesn't have a logo design, you may use text instead, but with a signature font that your consumer base identifies you with. This tutorial will help your brand keep that signature font.
SHOW MORE
Tutorial
Step 1. Open Weebly's HTML/CSS Editor
Click on "Design" at the top of the page, and then click on "Edit HTML/CSS" on the bottom left side of the page.
Step 2. Upload your font to Weebly
For this particular example, we're going to use the font "Titillium Thin". Click "Add new file(s)" on the left, find your font file and upload it. Be sure that the font file ends in ".ttf".
Step 3. Add CSS Coding
Click on "main-style.css" on the left, scroll all the way to the bottom of the CSS style sheet and add the following code. Fill in the orange text accordingly:
#wsite-title {
font-family: PUT FONT NAME HERE!important;
}
Example:
#wsite-title {
font-family: Titillium Thin!important;
}
Click save.
#wsite-title {
font-family: PUT FONT NAME HERE!important;
}
Example:
#wsite-title {
font-family: Titillium Thin!important;
}
Click save.
You're done! Publish your site to see how your Site title looks!
Need Help Installing This Tutorial?
Editor Tricks Web Design Services
Open
· Closes 5 PM
Closed
· Opens 7 AM
Recent Tutorial Comments
