1. Find the code for the element you want to change and add the desired font-family property.
For example, if you want to change the font of your website’s title, you would find the code for the <h1> element and add the following:
PRO TIP: Weebly does not currently offer the ability to change fonts on your site. This may be something they offer in the future, but for now you will need to use other methods to change the fonts on your Weebly site.
<h1 style="font-family: 'Your desired font here';">Your website's title</h1>
2. Add a <style>
element to your site’s HTML code and use the CSS @font-face rule to specify the font you want to use.
For example, if you wanted to use the “Open Sans” font on your website, you would add the following code in the <head>
section of your HTML:
<style>
@font-face {
font-family: 'Open Sans';
src: url('https://themes.googleusercontent.com/static/fonts/opensans
/v6/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2')
format('woff2'); }
</style>