首页 > 软件开发 > JavaScript >

javascript怎么导入字体

来源:互联网 2023-03-16 23:58:14 145

小编说一些关于js怎么导入字体样式的写法,下面都是自己的经验以及想法。以下的js即为javascriptBwb办公区 - 实用经验教程分享!

工具/原料

  • Sublime代码编辑器
  • 谷歌浏览器

方法/步骤

  • 1

    首先呢,创建一个记事本,并分别把它们的名称和后缀改成如图对应的Bwb办公区 - 实用经验教程分享!

    javascript怎么导入字体Bwb办公区 - 实用经验教程分享!

  • 2

    然后用代码编辑器打开这两个文件Bwb办公区 - 实用经验教程分享!

    javascript怎么导入字体Bwb办公区 - 实用经验教程分享!

  • 3

    接着直接在html文件内,输入“!”(注意:感叹号为输入法英文状态下),然后按下Tab键。就会出现如下内容(这个是Sublime编辑器自带的快捷写法,后续可以自己去学习更多的快捷键)Bwb办公区 - 实用经验教程分享!

    javascript怎么导入字体Bwb办公区 - 实用经验教程分享!

  • 3相关内容未经许可获取自百度经验
  • 方法/步骤2

  • 1

    接着我们需要引入刚刚创建的js脚本文件,把它们关联起来。如下的语句即是引入写法。Bwb办公区 - 实用经验教程分享!

    javascript怎么导入字体Bwb办公区 - 实用经验教程分享!

  • 2

    现在,我们先写一句测试文本,然后把这个文件在谷歌浏览器中打开,为了方便,还可以直接在编辑器内右击,选择“在浏览器中打开”。然后可以看到我们的当前效果。Bwb办公区 - 实用经验教程分享!

    javascript怎么导入字体Bwb办公区 - 实用经验教程分享!

    javascript怎么导入字体Bwb办公区 - 实用经验教程分享!

    javascript怎么导入字体Bwb办公区 - 实用经验教程分享!

  • 3

    编辑完页面文件后,现在开始着手编写我们的js脚本文件了。下面我们进行改变测试文本的一些字体颜色、字体大小、加粗效果。这里我就以最简单的写法来写。大家可以通过事先写好样式,然后再赋予类名或id,还有就是写成数组格式。都是可以实现同样的效果的,看大家喜欢哪种。Bwb办公区 - 实用经验教程分享!

    javascript怎么导入字体Bwb办公区 - 实用经验教程分享!

    javascript怎么导入字体Bwb办公区 - 实用经验教程分享!

  • 注意事项

    • js文件的执行顺序是从上往下,所以在index.html文件内,通常建议将引入文件写在最底部,如果写在开头,就要像小编一样,在js文件开头写window.onload,这句话意思是当页面执行完再执行里面的代码(等同于将引入文件放在最底部)

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


    标签: JAVASCRIPTHTML

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