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>
以下是导入的矢量图标:
参考技术Abootstrap的字体图标使用很简单,只要给包裹图标的标签加上图标所对应的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怎么引用字体包的主要内容,如果未能解决你的问题,请参考以下文章