How do I change the list font by using existing spritefont in project?

No, the list box is a browser element, which uses rasterized text.

You can try to recreate the listbox functionality with sprite/spritefont objects instead.

Edit: There may be a way, to export the entire list item/word as an image, and use that as a css background image for the list item.