步骤一:

先将要添加的字体放入工程内,如:HYShangWeiShouShuW.ttf

步骤二:

在css文件中,声明字体样式,命名为 shangwei

@font-face {font-family:shangwei;src:url("font/HYShangWeiShouShuW.ttf");
}

步骤三:

在想使用字体的class中的font-family后面的字体名中,写shangwei,就可以将自己的字体使用到目标字体中了。

如图:

html/css导入自己的字体样式相关推荐

  1. 【温故知新】CSS学习笔记(字体样式属性)附加篇

    CSS字体样式属性 目录 CSS字体样式属性 一.font属性 二.color属性 三.line-height 行间距(行高) 四.text-align 水平对齐方式 五.text-indent 首行 ...

  2. 【温故知新】CSS学习笔记(字体样式属性)

    CSS字体样式属性 一.font-size:字号大小 该属性可以使用相对长度单位(推荐),也可以使用绝对长度单位,推荐使用像素单位px. 相对长度单位     说明 em               ...

  3. html语言中如何设置字体,css中如何设置字体样式?

    CSS设置字体 DIV内文字字体样式如何设置,怎么设置对象内文字字体样式,比如黑体.宋体.微软雅黑.英文字体等字体如何设置? css可以通过font-family属性来设置字体样式,font-fami ...

  4. css宋体代码_css字体样式

    css字体样式 font-size : 字体大小 font-size属性用于设置字号,该属性的值可以使用相对单位长度,也可以使用绝对单位长度. 相对长度单位 说明 em 相对当前对象内文本的字体尺寸 ...

  5. CSS的作用及字体样式

    为什么要美化网页? 1.有效的传递页面信息 2.美化网页.页面漂亮才能吸引用户 3.凸显页面的主题 4.提高用户的体验 span标签:重点要突出的字使用span标签套起来(约定俗成) <!DOC ...

  6. CSS(一)字体样式属性

    CSS字体样式属性 一)字体 1.font-size 推荐使用相对长度像素单位px 2.font-family: * {font-family: Arial, '幼圆';} 浏览去从前往后查找字体. ...

  7. CSS学习07之字体样式

    回顾 属性选择器 为带有属性的 HTML 元素设置样. 顾名思义可以设置带有特定属性或属性值的 HTML 元素的样式. 使用方式 属性选择器:元素类型[属性名=属性值(正则)] 字体样式和span标签 ...

  8. html网页好看字体,css设置各种中文字体样式

    网页字体样式华文黑体:STHeiti 网页字体样式华文楷体:STKaiti 网页字体样式华文宋体:STSong 网页字体样式华文仿宋:STFangsong 网页字体样式黑体:SimHei 网页字体样式 ...

  9. CSS入门六:字体样式;字体(楷体、隶书等),斜体,文字加粗,字体大小;

    1.字体样式 下面四个,font-family和font-size先前已经接触过了:这篇博客的核心内容就是,italic和bold两个: ● 2.font-style: italic:斜体,对于大多数 ...

最新文章

  1. 用ORBSLAM2运行TUM Dataset数据集Monocular Examples
  2. Hadoop系列一:Hadoop集群分布式部署
  3. 【分享】VRRP不懂不行
  4. Java语言基础学习笔记——基础语法
  5. qt中的qwidget如何实现自定义部件_2.3信号和槽(中)
  6. opencv基础---直方图均衡化(原理equalizeHist)
  7. android中getSystemService详解
  8. JSON数据写入和解析
  9. Mybatis 一对多
  10. jQuery – 6.选择器
  11. 20200726 plecs 元件显示变量名
  12. 《Processing SPARQL queries over distributed RDF graphs》——读书笔记
  13. 高景一号01星遥感影像解译数据分辨率是多少
  14. 少儿培训python
  15. H5 实现电子签名功能-VUE--12301合同签署类似功能
  16. java有符号和无符号右移
  17. AOSP Android 8.0 冷启动流程分析(二)
  18. ORA-01186、ORA-01157、ORA-01111、ORA-01110 错误处理方法
  19. 怎么判断一个数字是否是快乐数
  20. IN和EXISTS的区别和使用

热门文章

  1. 拉勾教育管理系统(后端)
  2. javascript弹出浏览器的三种提示框:提示信息框、确认框、输入文本框
  3. 浏览器极速模式和兼容模式差异 1
  4. multiple definition of `main'
  5. FPGA[视频+文档+例程]170G相关资料放送(持续更新)
  6. 向服务器获取同步信息失败,主域服务器和辅助域服务器数据同步失败
  7. 【Apache Spark 】第 10 章使用 MLlib 进行机器学习
  8. matlab中nargin函数的用法
  9. 运算符重载(二):重载赋值
  10. Python爬取2020年内地电影票房总排行榜