Menu
I am using Google's Open Sans Font in my application.
I have defined the stylesheet as instructed:
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,700'
rel='stylesheet' type='text/css'>
I then used it on the body selector as:
body {
font-family: 'Open Sans', sans-serif;
}
I have not defined font family anywhere else. I assume that since I have defined it at the parent, the child elements will automatically inherit it.
However, if I open up the inspector for say an anchor tag in my application and see the computed styles for that tag, I find that (Chrome Latest) the "Rendered Font" says "Times New Roman 18 glyphs" - Is this correct? I was expecting it to say "Open Sans" - Is the Open Sans font not being applied?
397
It ranks among the most popular Google Fonts with more than 1.5 trillion views in one year. Countless websites use it, including big brands like: IKEA (actually it's Noto Sans, but they are almost the same), Chase Bank and WordPress (on the website until it's 2020 redesign and switch to Recoleta).
Example: How to add the Open Sans font in CSS The font will be downloaded and processed in parallel with your own stylesheet. Alternatively, you can use a CSS @import : @import url('https://fonts.googleapis.com/css?family=Open+Sans');
Open Sans is popular in flat design-style web design. Open Sans is used in some of Google's web pages as well as its print and web advertisements. It is the official font of the UK's Labour, Co-operative, and Liberal Democrat parties. Used in WordPress 3.8 which was released on December 12, 2013.
License InformationYou can use Open Sans freely in your products & projects – print or digital, commercial, or otherwise. However, you can't sell the font.
Check out the codepen link. Its working fine for me !
.open-sans-font{
font-family: 'Open Sans', sans-serif;
}<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet">
<div class="open-sans-font">
Stackoverflow rocks !!!
</div>If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
