Lists in widgets

Let’s see the Webpage with the menu widget

https://sannafogelvik.com

The dots are special characters in the “:before” selector, to remove them add:

#menu-kategorier-en li:before {
 content: "";
}

That works! What would be the best way to change the font of the list items? (To the sans serif font in the top menu).

What about adding the font into the ‘li‘ like the above style but without the ‘:before‘? E.g.:

#menu-kategorier-en li:before {
 font-family: 'Lucida Grande', inherit;
}

I added it like this, but it doesn’t seem to work.

#menu-kategorier-en li:before {
 	content: "";
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 11px;
}

Sorry bad example, I forgot to remove the “:before” in my example. The example should be this:

#menu-kategorier-en li {
 font-family: 'Lucida Grande', inherit;
}

That works great! Thank you so much for responding so quickly to all my questions.