Website Building » Weebly » Can You Change Fonts on Weebly?

Can You Change Fonts on Weebly?

Last updated on December 31, 2022 @ 6:49 am

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>
Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.