首页 > 软件开发 > HTML >

HTML怎么用font定义字体

来源:互联网 2023-03-16 19:17:05 版权归原作者所有,如有侵权,请联系我们

在HTML中,font可以定义字体大小,那么怎么用font来定义网页字体的类型呢?今天我就来教大家吧1Pj办公区 - 实用经验教程分享!

HTML怎么用font定义字体1Pj办公区 - 实用经验教程分享!

工具/原料

  • 电脑:台式机或笔记本
  • 系统:Windows 10
  • 软件:Dreamweaver

方法/步骤

  • 1

    新建一个网页,在body标签中输入一段段落文本1Pj办公区 - 实用经验教程分享!

    HTML怎么用font定义字体1Pj办公区 - 实用经验教程分享!

  • 2

    然后在head标签中输入style type="text/css">1Pj办公区 - 实用经验教程分享!

    HTML怎么用font定义字体1Pj办公区 - 实用经验教程分享!

  • 2该信息未经许可获取自百度经验
  • 3

    然后在style标签中加入p{font:24px "隶书";}1Pj办公区 - 实用经验教程分享!

    这行代码,24px是字体大小,隶书是字体样式1Pj办公区 - 实用经验教程分享!

    HTML怎么用font定义字体1Pj办公区 - 实用经验教程分享!

  • 4

    点击保存网页并浏览1Pj办公区 - 实用经验教程分享!

    HTML怎么用font定义字体1Pj办公区 - 实用经验教程分享!

  • 5

    可以看到我们的文本成功显示了隶书样式和大小1Pj办公区 - 实用经验教程分享!

    HTML怎么用font定义字体1Pj办公区 - 实用经验教程分享!

  • 总结

  • 1

    【1】用Dreamweaver输入我们写好的四段文本

    1Pj办公区 - 实用经验教程分享!

    1Pj办公区 - 实用经验教程分享!

    【2】在head标签中输入style type="text/css">1Pj办公区 - 实用经验教程分享!

    【3】style标签中加入p{font:24px "隶书";}1Pj办公区 - 实用经验教程分享!

    【4】点击保存网页并浏览1Pj办公区 - 实用经验教程分享!

  • 注意事项

    • 样式和大小可以自行选择

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


    标签: HTML

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