This is a question regarding the installation of custom fonts over the X theme. Right now i’m using the default font settings to deploy fonts to my website. However this is causing them to appear missing in other browsers so i’m trying to rectify that.
I’d like to edit the css so it reads these scripts properly. Can someone help with details regarding where to place this code within the front-end inspector?
Here’s the website.
Here’s the google font scripts;
link href=“https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700” rel=“stylesheet”
font-family: ‘Roboto Slab’, serif;
I understand the principles of where these should belong, within the header. My understanding is that the equivalent of that is to put it into the “Content CSS” flyout somewhere. After some trial and error i’m more lost than I was when I began. I figured someone else might know what the most effective way to handle google fonts is so that it loads appropriately across all major browsers.
I know it belongs in the header but i’m unsure how to specify that from the Inspector tool. Do I need to specify in one of the “Customize” boxes? ID? Class? Element CSS? None seem to work.
Any help would be appreciated,
thank you for your time