首页 > 电脑专区 > 电脑教程 >

HTML怎样引用Google字体

来源:互联网 2023-02-21 22:05:17 238

网页制作有时候需要各种字体,怎么引用网络中的一些字体呢?下面以Google字体为例来说明。c9h办公区 - 实用经验教程分享!

HTML怎样引用Google字体c9h办公区 - 实用经验教程分享!

工具/原料

  • chrome浏览器

方法/步骤

  • 1

    首先打开chrome浏览器,搜索【谷歌字体】c9h办公区 - 实用经验教程分享!

    HTML怎样引用Google字体c9h办公区 - 实用经验教程分享!

  • 2

    选择一种喜欢或者需要的字体c9h办公区 - 实用经验教程分享!

    HTML怎样引用Google字体c9h办公区 - 实用经验教程分享!

  • 3

    在所需字体的文本点击任意一处c9h办公区 - 实用经验教程分享!

    HTML怎样引用Google字体c9h办公区 - 实用经验教程分享!

  • 4

    在弹出的页面中,点击【选择这种样式】c9h办公区 - 实用经验教程分享!

    HTML怎样引用Google字体c9h办公区 - 实用经验教程分享!

  • 4此文章未经许可获取自百度经验
  • 5

    点击右上方【Selected family】弹出字体信息c9h办公区 - 实用经验教程分享!

    HTML怎样引用Google字体c9h办公区 - 实用经验教程分享!

    HTML怎样引用Google字体c9h办公区 - 实用经验教程分享!

  • 6

    将字体信息复制到html的头部,并使用css代码引用字体c9h办公区 - 实用经验教程分享!

    HTML怎样引用Google字体c9h办公区 - 实用经验教程分享!

  • 7

    引用两种相应字体后显示的结果c9h办公区 - 实用经验教程分享!

    HTML怎样引用Google字体c9h办公区 - 实用经验教程分享!

  • 总结

  • 1

    首先打开chrome浏览器,搜索【谷歌字体】c9h办公区 - 实用经验教程分享!

    选择一种喜欢或者需要的字体c9h办公区 - 实用经验教程分享!

    在所需字体的文本点击任意一处c9h办公区 - 实用经验教程分享!

    在弹出的页面中,点击【选择这种样式】c9h办公区 - 实用经验教程分享!

    点击右上方【Selected family】弹出字体信息c9h办公区 - 实用经验教程分享!

    将字体信息复制到html的头部,并使用css代码引用字体c9h办公区 - 实用经验教程分享!

    引用两种相应字体后显示的结果c9h办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!c9h办公区 - 实用经验教程分享!


    标签: HTML字体怎样引用

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码