Custom Type
Joerg Distler
How to include the custom font for navigation. DSGVO conform for germany. Please tell us the different commands (for menu, offcanvas menu, text, footer, H1 etc.). type is on the custom css... .
/ quicksand-regular - latin / @font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 400; src: url('../fonts/quicksand-v28-latin-regular.eot'); / IE9 Compat Modes / src: local(''), url('../fonts/quicksand-v28-latin-regular.eot?#iefix') format('embedded-opentype'), / IE6-IE8 / url('../fonts/quicksand-v28-latin-regular.woff2') format('woff2'), / Super Modern Browsers / url('../fonts/quicksand-v28-latin-regular.woff') format('woff'), / Modern Browsers / url('../fonts/quicksand-v28-latin-regular.ttf') format('truetype'), / Safari, Android, iOS / url('../fonts/quicksand-v28-latin-regular.svg#Quicksand') format('svg'); / Legacy iOS / } .sppb-addon-title { font-family: "Quicksand";}
Ofi Khan
Accepted AnswerHello Joerg Distler
You have to use Custom CSS for this. You have to write separate CSS for different elements. You can follow this blog
Best regards
Paul Frankowski
Accepted AnswerIf I may...
As I saw, you have only Mobile (Offcanvas) Menu enabled, also for Desktop view. So class name that you have to use is that:
.offcanvas-menu .offcanvas-inner ul.menu > li a,
.offcanvas-menu .offcanvas-inner ul.menu > li spanRemember to clean JCH_Optimize cache after adding custom CSS changes otherwise, you may not see results.
Joerg Distler
Accepted AnswerHi Paul,
thank you. My question is, how can I use custum google font also for menu and off-canvas menu (from my site, not from google direct - German DSGVO ). I have also an other site with menu and offcanvas.
I taked this in custom css: for the site .sppb-addon-title { font-family: "Architects Daughter";} .sppb-addon-content { font-family: "Architects Daughter";} .sppb-addon-wrapper { font-family: "Architects Daughter";}
And for the menu.
Paul Frankowski
Accepted AnswerUsing class name that I already gave you.
For example
.offcanvas-menu .offcanvas-inner ul.menu > li a,
.offcanvas-menu .offcanvas-inner ul.menu > li span { font-family: "Architects Daughter"; }Basic CSS code ;)