首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >布局的Google字体

布局的Google字体
EN

Stack Overflow用户
提问于 2015-02-23 16:06:19
回答 1查看 63关注 0票数 0

有没有办法将google字体添加到内部css中?就像配置文件布局一样?

我试着把这三个都嵌入进去,但是我不能让它改变我布局中字体的外观。google字体适用于内部css还是仅适用于外部css?

代码语言:javascript
复制
<style>
<link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>

@import url(http://fonts.googleapis.com/css?family=Dancing+Script);
</style>
EN

回答 1

Stack Overflow用户

发布于 2015-07-28 04:43:41

Google字体链接需要嵌入到HTML或XHTML文档的head元素中。需要理解的是,Google字体是通过内容分发网络(CDN)处理的。这意味着Google会为你托管字体。

下面是他们网站上的一个例子:

代码语言:javascript
复制
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
    <style>
      body {
        font-family: 'Tangerine', serif;
        font-size: 48px;
      }
    </style>
  </head>
  <body>
    <div>Making the Web Beautiful!</div>
  </body>
</html>

您可以在外部样式表中引用Google字体,而不是在内部引用,如下所示。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/28669258

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档