Upload your own fonts to your website

Can I use my own fonts on a website builder?

Yes - upload your own font files, on every plan in the matrix including the free one. The constraint is not the tool, it is the paperwork. You need a file you are permitted to serve from a web server, and that is a different permission from the one that let you install the font on your laptop and set type in Figma.

Do I need a licence to use a font on a website?

Yes, unless the family is open source. Serving a font file to a browser is a use that foundries sell separately from the desktop licence you bought to design with. Fonts released under an open licence such as the SIL Open Font License allow it without a fee. For a retail font, the EULA in the download folder says which uses you paid for.

What is the difference between a desktop font and a webfont?

A desktop font is installed on a machine and used by applications on it. A webfont is a file a server sends to a visitor’s browser so the page can render text in that face. Foundries license them separately and usually ship them as separate downloads, so the copy you installed to work in Figma is frequently not the copy you are allowed to upload.

Can I use Google Fonts on Siter.io?

Custom font upload is confirmed. Google Fonts availability is not documented. We are not going to tell you there is a picker in the editor, and not going to tell you there is not, because nothing published settles it. Check in the app. If no picker exists, Google’s families can be downloaded and uploaded as your own files like any other font.

Should I outline text in Figma before importing?

Only for display type that has to land exactly as drawn. Outlined type is a shape, so it is pixel-perfect and it is no longer text that can be selected, read aloud by a screen reader, or indexed by a search engine. Keep headings, paragraphs and links as live text, upload the font for them, and accept that a rendered heading may sit a pixel off the mockup.

How many font weights should I load?

As few as the design survives on. Every weight, and every italic, is another file the browser fetches before it can paint text in the right face. Siter.io does not publish how it serves the files you upload, so plan as though nothing is being trimmed on your behalf. Two weights carries most marketing sites, and four should be a decision you can defend.

What does the page look like before the font loads?

The browser paints something first, because the font arrives after the markup does. Depending on the browser and the CSS, that is either a fallback face that swaps when the real file lands, or a gap where the words should be. Neither is a fault. What Siter.io emits for the fallback is not documented, so choose a face whose proportions sit close to a common system font, then look at the published page on a throttled connection.

Can I upload fonts on the free plan?

Yes. Custom Fonts is ticked in all four columns of the matrix. What the free plan cannot do is show the result to anyone else. No - the free plan builds and previews privately; publishing needs a paid plan, so your type renders in your own previews, and a published site that uses it starts from $7/mo billed yearly.

Where do I get the webfont file for a font I already own?

From the foundry or reseller you bought it from, under the same account. Some purchases bundle the web files with the desktop ones and some sell them as a second line item, so check the order before you buy twice. A font you only have through a subscription that streams it into your design apps is usually not a font you can hand to another host at all, because the licence lives with that service.