本文介绍了字体家庭打开Sans不被使用的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我在应用程式中使用 。

我已经按照指示定义了样式表:

 < link href ='http://fonts.googleapis.com/css?family = Open + Sans:400,300,700'
rel ='stylesheet'type ='text / css'>

然后我在body selector上使用它:

  body {
font-family:'Open Sans',sans-serif;
}

我还没有在其他地方定义字体系列。我假设,因为我已经定义在父,子元素将自动继承它。



但是,如果我打开检查员说在我的锚标记应用程序,并看到该标签的计算样式,我发现(Chrome最新)的渲染字体说Times New Roman 18 glyphs - 这是正确的吗?我期待它说Open Sans - Open Sans字体是不是被应用?

解决方案

检查。它的工作对我来说很好!



.open-sans-font {font- family:'Open Sans',sans-serif;}


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?

解决方案

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>

这篇关于字体家庭打开Sans不被使用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

09-09 23:14