Closed minorsecond closed 3 years ago
I figured it out, if anyone sees this in the future. You have to go into the css file located at ./node_modules/ol-layerswitcher/dist
. In my case, I wanted to modify the typeface for the layer names, so I added font-family: Helvetica;
under .layer-switcher li label
.
@minorsecond Hi, you shouldn't need to edit ol-layerswitcher.css
in order to specify the font-family
.
If you include your CSS file after you import ol-layerswitcher.css
then you can override the layer switcher styles.
ol-layerswitcher.css
doesn't actually define a font-family
so the layer switcher will inherit the font from it's parent. For instance you could set the font-family
for the body:
body {
font-family: Helvetica;
}
Please forgive me if this is a simple question as I am a HTML & JavaScript newbie. How would one go about changing the font? This library is awesome, and I was able to quickly put together map using it, but I can't figure out what HTML (I assume?) to write to change the font.