Google Fonts local

Bootstrap Studio Help
1

Hey,

is there a way to include the used Fonts in the CSS/HTML Code?

Downloading the Fonts isn't the problem. But Editing every single page is a pain :)

Thanks :)

2

Use a CDN for fonts. Better yet, use Google fonts as they are built in. Other than that there isn't any way to utilize fonts other than via CDN or editing after export. Google fonts has almost everything you'd need for fonts for websites.

3

If you have your own fonts i.e. local font files, you should be able to do something similar to what Google Fonts does.

Upload your font files to an internet accessible site, most likely your web host you will upload your site to when finished. Then create a CSS file, upload it to your host with the correct font-face coding, similar to what the example is below. Then in the app (right click on Style menu in the Design pane[bottom/right] select Link External CSS) and enter in the URL to your font.css file at the host that has the contents that look similar to that of a Googles Font CSS url. For it to load into the app you'd need to use Absolute URLs like the following.

For example:

@font-face {
    font-family: "dotsfont";
    font-style: normal;
    font-weight: 400;
    src: url("https://www.mysite.com/fonts/dotsfont.eot");
    src: url("https://www.mysite.com/fonts/dotsfont.eot?#iefix") format("embedded-opentype"),
         url("https://www.mysite.com/fonts/dotsfont.woff") format("woff"),
         url("https://www.mysite.com/fonts/dotsfont.ttf") format("truetype"),
         url("https://www.mysite.com/fonts/dotsfont.svg#dotsfontregular") format("svg");
}

Then reference like normal in your CSS i.e. h1{font-family:dotsfont};

The paths and files must exist on an external server where you would have them reside.

Basically similar to what Google Fonts does in it’s file they give you to link to. For example go here to see what they are doing. https://fonts.googleapis.com/css?family=Open+Sans

Saj

P.S. Edited 06/06/2018 - corrected method to use Link External rather than Create CSS.

4

^^^ what saj said ?

I am still waiting for the day when all media types will be supported to install locally but happy to live with workaround for now

5

what @Saj said it... seems too me a quite sensible solution :)