On my website I use these fonts: font-family: Segoe UI, Verdana, Geneva, sans-serif
Verdana looks kind of like Segoe UI and is a nice fallback for Macs & iOS devices. Now the problem is that Verdana is just a lot bigger than Segoe UI so on some devices the fonts are just too big.
I cannot seem to figure out how to set the font-size depending on the font applied; 18px for segoe ui and 16px for verdana for example?
Any idea how I could do this using only css?
thanks!