Browser not showing fonts chosen in RW

[Jochen (Jochen Van de Perre)]

Hey all.

So I’m creating a new site in RW7, with Kinfolk theme. That theme allows you to choose various fonts, including Fjalla One. I chose that for menu items. When I look at the preview in RW7 all look fine. However, when I export and then look at a page (with whatever browser) the font is replaced by something else. Same when I upload the site to some temp location on the web. No matter the browser; Fjalla One is not there.

I tried both with consolidated css and without.

When I look at the page in Safari, and check the css with the web inspector, I can see these css files (in a non-consolidated version);

FONTFJALLANAV.CSS
@import url(tp://fonts.googleapis.com/css?family=Fjalla+One);

#menuBtn:before, #menuBtn.show:before, nav ul li a {
font-family: ‘Fjalla One’, sans-serif;
letter-spacing: 2px;
}

FONTFJALLASPAN.CSS
font-family: ‘Fjalla One’, sans-serif;
letter-spacing: 1px;
}

STYLES.CSS
.album-title {
font-size: 34px;
padding-bottom: 20px;
line-height: 32px;
padding-top: 0px;
font-family: ‘Fjalla One’, sans-serif;
text-align:center;
}

CSS — FONTS.GOOGLEAPIS.COM
/* latin-ext /
@font-face {
font-family: ‘Fjalla One’;
font-style: normal;
font-weight: 400;
src: local(‘Fjalla One’), local(‘FjallaOne-Regular’), url(tp://fonts.gstatic.com/s/fjallaone/v6/Yq6R-LCAWCX3-6Ky7FAFrO96lDouQb5-6g.woff) format(‘woff’);
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/ latin */
@font-face {
font-family: ‘Fjalla One’;
font-style: normal;
font-weight: 400;
src: local(‘Fjalla One’), local(‘FjallaOne-Regular’), url(tp://fonts.gstatic.com/s/fjallaone/v6/Yq6R-LCAWCX3-6Ky7FAFrOF6lDouQb4.woff) format(‘woff’);
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

Not sure what is going on.
Any ideas?

PS. changing the http to tp; it’s me who did that. Otherwise the forum soft doesn’t allow me to post.

[Jochen (Jochen Van de Perre)]

To answer my own question; it’s not any browser displaying the wrong font (or rather; displaying the chosen font wrongly). It’s actually my RW7 showing me different results then what to expect once the site is exported/uploaded.

Some fonts are similar, not to say identical. But some are not. For example; Montserrat has the issue too. I customised my theme to make the font look bolder, and to have the letters spaced a bit more apart both horizontally and vertically, when the font is used in the navigation menu. In now looks absolute crap in RW7, but looks very neat when exported.