As a web designer or developer, one of the most important aspects of creating a website is choosing the right font. The right font can help to convey the desired tone and aesthetic of a website, and it can also make the site more legible and easy to read. If you’re using Wix to create your website, you may be wondering whether it’s possible to add custom fonts to your site. The good news is that yes, you can add fonts to Wix! Here’s how:
- Go to the Wix editor and click on the “Add” button on the left-hand side of the screen.
- From the dropdown menu, select the “More” option, and then choose “HTML Code.”
- A box will appear on the page. In this box, you can add the HTML code for your custom font. There are a few different ways to do this, but one common method is to use the @font-face rule. Here’s an example of what this might look like:
@font-face {
font-family: 'My Custom Font';
src: url('https://www.example.com/fonts/mycustomfont.woff2') format('woff2'),
url('https://www.example.com/fonts/mycustomfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}In this example, we’ve created a font-face called “My Custom Font” and specified the location of the font files (in this case, they are hosted on a server at “https://www.example.com/fonts/”). We’ve also specified the font weight and style as “normal,” but you can customize these values as needed.
Exciting update! We've collaborated with Wix to offer WBI users with a free plan for all website creation needs - Explore the details here.
- Once you’ve added the HTML code for your custom font, you can use it in your Wix website by setting the font-family property in your CSS. For example:
body {
font-family: 'My Custom Font', sans-serif;
}In this example, we’ve set the body element to use “My Custom Font” as the primary font, with “sans-serif” as a fallback in case the custom font is not available.
That’s all there is to it! With just a few lines of code, you can add custom fonts to your Wix website and give it a unique and personalized look. Just be sure to properly license any fonts that you use, as using unlicensed fonts can result in legal issues.
