I have successfully implemented the Ubuntu font from Google Fonts on my website:
<link href='http://fonts.googleapis.com/css?family=Ubuntu:300,400,300italic,400italic,500,500italic,700,700italic' rel='stylesheet' type='text/css' />
In my stylesheet, I have specified the font usage:
body {
font-family: 'ubuntu',arial;
}
While this setup is functional, I encountered an issue where if a font with the same name (Ubuntu) is installed locally, it overrides the one from Google Fonts.
My question is whether there is a way to prioritize and force the browser to use the Ubuntu font from Google Fonts?