System Font Stack – Google Fonts disabled GDPR/speed

  • Regarding the discussion here GDPR: avoiding external files access by Theme (Google Fonts)
    I’m now using this in the Child Theme CSS which is more nice then Arial etc. Fallback:

    /* Google Fonts deactivated: using System Font Stack  
for all font-family definitions in OnePress 2.2.2 - see https://woorkup.com/system-font/ 
*/

body, button, input, select, textarea {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; /* instead of "Open Sans", Helvetica, Arial, sans-serif */
}
h1,h2,h3,h4,h5,h6 {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; /* instead of "Raleway", Helvetica, Arial, sans-serif */
}
tt,kbd,pre,code,samp,var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; /* instead of Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace */
}
.site-branding .site-title,.site-branding .site-text-logo {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; /* instead of "Raleway", Helvetica, Arial, sans-serif */
}
.onepress-menu a {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; /* instead of "Raleway", Helvetica, Arial, sans-serif */
}
.entry-header .entry-title {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; /* instead of "Open Sans", Helvetica, Arial, sans-serif */
} 
.sticky .entry-title:after {
  font-family: "FontAwesome"; /* kept for now "FontAwesome" */
}
.counter_item .counter__number {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; /* instead of serif, sans-serif */
}
.mfp-close {
  font-family: Arial, Baskerville, monospace; /* instead of Arial, Baskerville, monospace */
}
Viewing 1 replies (of 1 total)
  • Thread Starter bmwm

    (@cbmwm)

    Minor update (addition of Roboto,Oxygen-Sans,Ubuntu,Cantarell,”Helvetica Neue”): 

    /* Google Fonts deactivated: using System Font Stack  
for all font-family definitions in OnePress 2.2.2 - see 
https://woorkup.com/system-font/ and
https://css-tricks.com/snippets/css/system-font-stack/
*/

body, button, input, select, textarea {
  font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; /* instead of "Open Sans", Helvetica, Arial, sans-serif */
}
h1,h2,h3,h4,h5,h6 {
  font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; /* instead of "Raleway", Helvetica, Arial, sans-serif */
}
tt,kbd,pre,code,samp,var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; /* instead of Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace */
}
.site-branding .site-title,.site-branding .site-text-logo {
  font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; /* instead of "Raleway", Helvetica, Arial, sans-serif */
}
.onepress-menu a {
  font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; /* instead of "Raleway", Helvetica, Arial, sans-serif */
}
.entry-header .entry-title {
  font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; /* instead of "Open Sans", Helvetica, Arial, sans-serif */
} 
.sticky .entry-title:after {
  font-family: "FontAwesome"; /* kept for now "FontAwesome" */
}
.counter_item .counter__number {
  font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; /* instead of serif, sans-serif */
}
.mfp-close {
  font-family: Arial, Baskerville, monospace; /* instead of Arial, Baskerville, monospace */
}
Viewing 1 replies (of 1 total)
  • The topic ‘System Font Stack – Google Fonts disabled GDPR/speed’ is closed to new replies.