I am changing some elements in a map using custom css option. I am wondering how to add custom fonts (google fonts) in order to change the title using CSS. I know that you have to use @import but am not able to get my font choice working.
It shows up as:
I'm customizing the Story Map Basic template and using inspect in chrome to make changes + copy the code snippet above and paste into the custom css box when configuring my web map. I'm trying to get it to change to Merriweather (Google Fonts) for the title and have tried pasting the following above the #title but that didn't seem to work.
Any help is appreciated,
Thanks, that worked. The only issue is when I take my code and paste in the custom css box, the change goes away back to the old font.
font-family: font-family: merriweather !important;
Where it says "open_sanssemibold..." was replaced with the font-family: merriweather !important; but doesn't reflect in map anymore.
You do not need to have font-family twice
Are you talking about the Attach code on AGOL?
If so look at this:
Code Attachment—You can attach code (as a ZIP file) to your apps. This can be helpful if you are sharing a sample or a configurable app and want others to have access to your code.
To update a code attachment without resetting the download counter on the item, use Update Codeand upload a ZIP file with the same name as the original ZIP file. If you want to attach a new file, first delete the existing file; then use Attach Code. This will reset the download count on the item.
Basically the code you attach will allow others to download it but it will not affect your storymap.