Um Schriftgrößen nachträglich für verschiedenste Bildschirmgrößen anzupassen, kann folgender CSS-Code im Customizer verwenden werden:
/* Groessere Bildschirme über 1400px */
@media only screen and ( min-width: 1401px ) {
body { font-size:110% !important; }
}
/* Laptops & Desktops 1100-1400px */
@media only screen and ( min-width: 1100px ) and ( max-width: 1400px) {
body { font-size:100% !important; }
}
/* Tablets Landscape 980-1100px */
@media only screen and ( min-width: 980px ) and ( max-width: 1100px ) {
body { font-size:90% !important; }
}
/* Tablets Portrait 768-980px */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
body { font-size:80% !important; }
}
/* Smartphones Landscape 480-767px */
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
body { font-size:70% !important; }
}
/* Smartphones Portrait bis 479px */
@media only screen and ( max-width: 479px ) {
body { font-size:60% !important; }
}
Die Größen können individuell angepasst werden.
