1. In the CSS, go to the section that looks like this:
.wsite-button {
color: #333 !important;
font-family: Arial, Helvetica, sans-serif;
height: 34px;
display: inline-block;
font-size: 12px;
border: none;
font-weight: normal;
font-size: 13px;
text-decoration: none;
padding: 0 15px 0 0;
background: url(button.png) no-repeat 100% -105px;
}
2. Change the font:
Look for the section of this code that says font-family:
This defines the button font. If the Weebly theme you selected doesn't have this as part of the code, just add it!
Add or change the definition according to the following format - with a colon (:) after font-family and a semi-colon (;) after the name of your font.
font-family: yourfont;
Add it anywhere between the opening and closing { } in the section.
Ta-Da! You've got a beautiful button. I mean it.