Would using the same source code from the "Font Stack" section of LBM User Guide for implementing Google Fonts also work with Harmony/Vibrations?
Harmony/Vibrations Google Fonts
(2 posts) (2 voices)-
Sinclair
offlineMemberI'd add a bunch of rules to your stylesheet something like so.....
body.crapfont {font-family: "Comic Sans MS", cursive, sans-serif;}
body.sans {font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", sans-serif;}
body.serif {font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;}
body.thin {font-family: Lato, "Gill Sans", Optima, sans-serif; font-weight: 300;}
body.fancy {font-family: Federo, "Gill Sans", Optima, sans-serif;}Then apply, say, the crapfont class to the body tag.
The font-size etc will be handled by the existing body rules and the existing harmony/vibes media query body rules will handle the font-size reduction for devices. As with LBM, follow the Google Font link handling instructions in the LBM user guide should your font stacks include a google font, such as the body.thin rule above.
HTH
Posted 5 years ago
Reply
You must log in to post.