html怎么引用字体包

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html怎么引用字体包相关的知识,希望对你有一定的参考价值。

下载字体之后,在样式里定义。然后再使用。 参考技术A html引用字体包的步骤:
1、打开一个Sublime
Text软件,制作一个基本的HTML结构:
2、在Body区域添加一点文字,文字用p标签包裹起来:
3、在文字中间的某个字前后添加small标签:
4、也可以通过sub和sup标签让小号字体在正常文字的上面或者下面。
以上就是html引用字体包的步骤了。

bootstrap图标 怎么用

bootstrap引用图标的方法:

1、下载包并解压

在‘elegant_font’文件夹中会发现“HTML CSS”子文件夹,把它复制到你的项目中(注意,这里可以重命名哦)

2、将连接添加到‘style.css’,html里添加一个图标,内容如下:

<span class="glyphicon glyphicon-search" aria-hidden="true"></span>

<link rel="stylesheet" href="path/to/elegant-font/style.css">

可以在你HTML里添加图标,并且使用CSS来更改它们的样式:

<span aria-hidden="true" class="icon_pencil"></span>

以下是导入的矢量图标:

参考技术A

bootstrap的字体图标使用很简单,只要给包裹图标的标签加上图标所对应的class即可。

如搜索图标,其class为glyphicon glyphicon-search:

<li>
      <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
      <span class="glyphicon-class">glyphicon glyphicon-search</span>
</li>

效果:

本回答被提问者采纳

以上是关于html怎么引用字体包的主要内容,如果未能解决你的问题,请参考以下文章

html5页面怎么引用字体ttf文件

web开发——在网页中引用字体包(.ttf),即嵌入特殊字体

如何在HTML中导入已下载好的字体,我这样导入正确吗

html文件怎么加入TTF字体

bootstrap的字体图标怎么引入?

html如何添加字体