Loading Custom Fonts Locally #2154
-
|
Is there an example of loading a custom font locally from the website? I have a site that needs a font that isn't available on Google Fonts, so I need to load it locally from the website. Is there a tool that can help generate the CSS needed for the Custom Font section in Vanjaro? What's the best way to go about that? |
Beta Was this translation helpful? Give feedback.
Replies: 2 comments
-
|
Bump. Is there any way to load fonts locally that aren't available as a Google Font? |
Beta Was this translation helpful? Give feedback.
-
|
Sure. Just use the Custom Font option:
Give your font a name, a family, and include the necessary CSS. Here is an example of CSS needed: @font-face { Refer to this article for more details: https://www.pagecloud.com/blog/how-to-add-custom-fonts-to-any-website |
Beta Was this translation helpful? Give feedback.
Sure. Just use the Custom Font option:
Give your font a name, a family, and include the necessary CSS. Here is an example of CSS needed:
@font-face {
font-family: "CustomFont";
src: url("https://yoursite.com/css/fonts/CustomFont.eot");
src: url("https://yoursite.com/css/fonts/CustomFont.woff") format("woff"),
url("https://yoursite.com/css/fonts/CustomFont.otf") format("opentype"),
url("https://yoursite.com/css/fonts/CustomFont.svg#filename") format("svg");
}
Refer to this article for more details: https://www.pagecloud.com/blog/how-to-add-custom-fonts-to-any-website