SOLVED Font Picker & local font question?
-
-
- Patrick Toulze
- Elite Rocketeer
- Posts: 1810
- Thanks: 18
- Marketing - Web Designer
-
Can you tell me if using the RT template font picker is more or equally efficient to use local font ? I’m not sure what are the differences between the two & what I should use.
Can I assign the menu font to be the same than title fonts ?
In Isotope what are the SCSS file that control the fonts?
Thanks ! - Last Edit: 8 years 9 months ago by Patrick Toulze.
- Graphic Designer - Marketing -Web Sites — Trying to become a decent human being.
www.grafcomm.ca
-
-
-
- Matt
- Preeminent Rocketeer
- Posts: 22276
- Thanks: 3224
- messin' with stuff
-
We only (typically) load one font-family locally as the Template font, or "Isotope" font in this case
templates\rt_isotope\scss\configuration\_typography.scss
When you use the Font Picker to pick something else other than "Isotope" it's just loading a Google Font <link> tag to your Head (to load the actual font file) and then Overrides (uh, I think... pretty sure) your $font-family-default SCSS variable to apply that font in your front-end CSS.
www.google.com/fonts
You can not specify a font-family for specific items, globally, in G5... Assuming we're talking about the Font Picker on the Styles tab... only your Default Font can be set unless there's a specific option within a Particle to Override the Default that is set... you can add the Font Picker to most Particles
docs.gantry.org/gantry5/tutorials/using-the-font-picker
docs.gantry.org/gantry5/tutorials/fonts - Last Edit: 8 years 9 months ago by Matt.
- SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT
-
-
-
- Patrick Toulze
- Elite Rocketeer
- Posts: 1810
- Thanks: 18
- Marketing - Web Designer
-
Thanks Matt
We only (typically) load one font-family locally as the Template font, or "Isotope" font in this case
templates\rt_isotope\scss\configuration\_typography.scss
What are the difference between loading the font locally and using Google service, one is better than the other ?
and
If we choose external fonts can we unload the local font call (I guess by commenting out the font family in that _typography.scss file?), I wonder if doing that will have a beneficial impact on the speed of the site?
I personally make an override of this file templates\rt_isotope\scss\configuration\_typography.scss in custom > scss\configuration\_typography.scss ( Just in case I want to change something in there....
You can not specify a font-family for specific items, globally, in G5...
I did want to have the “$font-family-title” apply to the Menu of Isotope. I did an override of the scss/isotope/_typography.scss to custom/scss/isotope/_typography.scss and add —>
// Navigation
.g-menu-item-title {
font-family: get-font-family($font-family-title);
}
// Headings, navigation
h1, h2, h3, h4, h5, body .g-main-nav {
font-family: get-font-family($font-family-title);
}
I also take out the control of the font-weight in this override to bring the control to my custom.scss
What do you think? - Graphic Designer - Marketing -Web Sites — Trying to become a decent human being.
www.grafcomm.ca
-
-
-
- Matt
- Preeminent Rocketeer
- Posts: 22276
- Thanks: 3224
- messin' with stuff
-
1) depends who's file loads faster for your user... yours or Google's... obviously a local file has less distance to travel but depending on your server speed/resources a Google font might load faster
2) Yes, you would have to remove the call from the file or from your Override file
3) Sure, the rest seems fine to me -
The following users have thanked you: Patrick Toulze
- SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT
-
Time to create page: 0.059 seconds