Cito
7 Posts

Hi, it seems that typesetter use fonts from fonts.googleapis.com and fonts.gstatic.com

Is there a possibility to deactivate all these fonts?

If yes, how can i do this?

3 weeks ago#11553

juergen
1.4K Posts
52.2K Downloads
16 Plugins
design, web development & visual effects

Typesetter (the core system) itself doesn't load any google fonts by default – it's the theme(s) which do. Hence there is no global configuration option for that.

Which theme(s) are you using?

 

 

3 weeks ago#11554

Cito
7 Posts
I use only the default theme  (default) Bootswatch_ScssFlatly
3 weeks ago#11555

juergen
1.4K Posts
52.2K Downloads
16 Plugins
design, web development & visual effects

Ok, here we go …
 

1. Open [your Typesetter installation root]/themes/Bootswatch_Scss/Flatly/style.scss and comment out lines 7 and 8

@import 'include/thirdparty/Bootstrap3/scss/_bootstrap.scss';

// Flatly 3.3.5
// Bootswatch
// -----------------------------------------------------

// $web-font-path: "https://fonts.googleapis.com/css?family=Lato:400,700,400italic" !default;
// @import url($web-font-path);


2. If you like to keep the Lato fonts but don't want it to load from a third party, you will need to host it yourself.

Easiest way to do this is to use my web font package plugin

  • Download Lato2015.zip
  • Upload the extracted folder 'Lato2015' from the ZIP archive to your server into the  [your Typesetter installation root]/addons directory
  • Install using Typesetter's Admin Toolbox -> Plugins -> Manage -> Available -> Lato 2.015 LX Fonts

 

3. Since I do font-family definitions slightly different than Goggle, we need to change a Scss theme variable:

Open [your Typesetter installation root]/themes/Bootswatch_Scss/Flatly/variables.scss and change case in line 46 from 'L' to 'l'

//== Typography
//
//## Font, line-height, and color for body text, headings, and more.

$font-family-sans-serif:  "lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
$font-family-serif:       Georgia, "Times New Roman", Times, serif;

 

FYI: This self-hosted font package comes with Lato ver 2.015 as latin-extended character set including all weights and italics. Although Bootswatch Scss Flatly only needs the weights 400 (Regular) and 700 (Bold) dy default, you now have 'Lato Thin', 'Lato Light', 'Lato', 'Lato Bold' and 'Lato Black' available for inline formatting in CK Editor's 'Font' dropdown list. If you want to use e.g. Lato Light in your stylesheet, write font-family: lato-light; font-weight: normal;

If you're just fine without Lato and use the default sans-serif, omit step 2 and in step 3 remove "Lato", from the variable definition.

Edited: 3 weeks ago#11556

Cito
7 Posts

Many thanks Juergen for the detailed explanation and the Lato font download. It worked wonderfully. :)
Small correction for my case: the path for style.css and variables.scss is

not in
[your Typesetter installation root]/themes/Bootswatch_Scss/style.scss
but in
[your Typesetter installation root]/themes/Bootswatch_Scss/Flatly/style.scss

3 weeks ago#11557

juergen
1.4K Posts
52.2K Downloads
16 Plugins
design, web development & visual effects

 the path for style.css and variables.scss is

Oh, yes of course. Thanks for the hint.
I'll edit my post...

Edited: 3 weeks ago#11558


 

News

Typesetter 5.1
8/12/2017

Typesetter 5.0.1 is now available for download. 5.1 includes bug fixes, UI/UX improvements, ... Read More

Over 8 Times Faster Than Wordpress
5/3/2016

We've known for a long time that Typesetter is fast. It's something we take pride ... Read More

More News

creisi productions

Dienstleistungen von creisi productions, Luzern (Schweiz): * Konzeption, Planung und Erstellung Ihres Internet-Auftritts * Betreuung und Aktualisierung/Pflege Ihrer Website * ...

Find out more about our Provider Spotlight

Log In

  Register