• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 使用谷歌网页字体无限制的添加字体到您的网站

使用谷歌网页字体无限制的添加字体到您的网站

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含网页字体,添加字体等相关知识,佚名 希望在学习及工作中可以帮助到您

很长一段时间,网站的开发受到影响,因为他们的资源,他们只能使用少数几种字体。但是,现在谷歌推出新的Web服务“谷歌网页字体”。该服务允许您使用不同的字体在您的网站从谷歌的可能性。使用的字体,没有任何限制。

下面是一个简短的描述,你如何能做到在几个步骤:

选择字体

要做到这一点,打开谷歌http://www.google.com/webfonts,选择一个你喜欢的。

选择谷歌字体

获取所选择的字体代码

在这个例子中,将使用“Eater”字体。要获得该字体的代码,你需要在打开的页面这样做:

代码谷歌字体

然后,你需要添加“/”的标签,以避免在HTML验证错误。因此,它应该是:

上面的代码复制,并把它这样的标签<HEAD>后:

将CSS代码添加到您的网页

现在你可以使用这个字体在CSS中设置属性“字体家庭”。例如,如果你想所有的第一级标题的字体,你必须添加以下CSS样式:

您可能想查找下面的文章:

  • 如何在网页制作中给网页字体文件增加矢量图标
  • 你知道如何优化加载网页字体吗
  • 使用谷歌网页字体无限制的添加字体到您的网站
  • 我们观察到,2018年网页文本字体的设计趋势有这7种
  • 2017年流行的这些字体排版趋势,你都知道嘛?
  • 用好这5个技巧,帮你快速挑选出最合适的字体
  • 总结了日式网站这4个优点后,我能把中文网站做得高大上了!

相关文章

  • 2018-08-23设计师如何打造双11网红爆款?揭秘天猫精灵的全链路营销设计过程
  • 2017-08-06页面重构技能-内容篇
  • 2018-08-23进阶实例教程!如何通过设计提升产品的增值服务?
  • 2018-08-23视觉设计师如何做竞品分析?来看这份超全面的指南!
  • 2018-08-23如何制造信赖感和惊喜感?我总结了这些设计方法
  • 2017-08-06CSS HACK之IE6/IE7/IE8/IE9/FF(归纳)
  • 2017-08-06从四个方面谈谈Web标准的价值所在 附思维导图
  • 2018-08-23做好网页排版,不要犯这10种错误
  • 2018-08-23口碑炸裂的《一出好戏》,电影海报也超棒!
  • 2017-08-06网页上播放mp3或flash等播放器代码

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 从设计默认值开始,让你的产品体验更优秀
    • 针对零基础新人,我给出这份可能是最详细的UI 自学流程总结
    • 不仅要搞定视觉,UI设计师还得写得一手好微文案
    • 58内部方法!一个更适合产品迭代的卡片创意法
    • 网易资深高手:交互设计师必备的9种能力
    • 吃透这10个网站,你就明白了网页中留白的技巧
    • 需要让用户"知其所以然"
    • 超实用!通用设计法则解析之「无障碍使用」
    • Uber 设计师:新人和大牛的差距到底在哪里?
    • 如何系统学习功能图标?来看资深设计师的全面总结!

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有