在项目文件里新建一个文件夹fonts(存放自定义字体)

把下载的字体放入文件夹,可以看到html界面出现

1. 在head下的style里用@font-face标签,

font-family里自己随意给字体命名(这里我命名为ziti)

src里放字体的相对路径(即你编程的js项目里睁眼就可以看到的fonts文件夹然后再是字体的文件名(FZJZJW.TTF)

2.这样就可以给文字设置成这种字体了。这里举列给元素选择器h1设置

只需要用font-family标签填刚刚命名的ziti就可以了

最后结果展示:

可以看到h1标签下的“把握移动端字体设计的七大准则”设置成了我们自己下载的字体

html给文字设置自己下载的字体相关推荐

  1. php文字红色代码,IOS_IOS中一段文字设置多种字体颜色代码,给定range和需要设置的颜色, - phpStudy...

    IOS中一段文字设置多种字体颜色代码 给定range和需要设置的颜色,就可以给一段文字设置多种不同的字体颜色,使用方法如下: [self fuwenbenLabel:contentLabel Font ...

  2. html布局文字设置,div css布局中css中文字体设置

    在HTML网页结构中,会用到中文字,而中文字有得多中笔墨体,有的开发者在自身电脑中下载并安装不少摩登字体.而这些中文字体CSS设置装备摆设提倡? 1.不克不及随意CSS设置装备摆设本人安装中笔墨体 假 ...

  3. html 下拉框字体,怎么把select下拉菜单里的文字设置成左右滚动效果

    原标题:怎么把select下拉菜单里的文字设置成左右滚动效果 希望用marquee标签来设置字体滚动,代码是下面这样写的,但是没有效果,字体还是不会滚动,应该怎么来写,才会实现这个效果呢? " ...

  4. shell中设置文字输出的颜色及字体格式

    shell中设置文字输出的颜色及字体格式 1.Linux中设置文本颜色及背景色 Shell 使用 ANSI 转义码 (ANSI escape codes) 进行颜色输出.转义序列颜色输出表如下 颜色 ...

  5. Android TextView 文字设置不同字体大小和颜色样式

    在TextView中,由于开发需求,需要显示不同的字体形状和颜色,所以这就需要利用不同的样式来显示了 查找相关资料发现 有api可以提供 SpannableString 就可以对一段文字设置不同的显示 ...

  6. Android TextView中的文字通过SpannableString,设置不同的颜色,字体,不同文字段的点击事件

    SpannableString其实和String一样,都是一种字符串类型,SpannableString可以直接作为TextView的显示文本,不同的是SpannableString可以通过使用其方法 ...

  7. html表格怎么控制文字大小,如何用html设置文本输入框输入字体的大小

    HTML中如何设置文本框的大小?你想走,什么时候都可以:你想回来,抱歉,没那个可能. 你说的文本框的大小是指边框的大小吗? 如果是指边框的大小,可以使用CSS样式控制,如: 1content123#t ...

  8. html设置一段文字颜色,用span css设置div内部分字体颜色

    用span标签设置div内放一段文字中的一小部分文字字体色采方式. 一段笔墨放在DIV内或P内,当咱们配置div或p设置字体色彩,内里全体笔墨的字体色调就会变成咱们所配置字体色彩.通常会结构一段翰墨中 ...

  9. C# CAD多行文字创建过程中RTF字体设置

    近日楼主在用CAD二次开发的过程中,遇到创建的多行文字(Mtext)字体(TextStyleId)设置为宋体但无效的问题,纠结了很长时间后明白问题出现在什么地方.由于楼主要创建的多行文字的内容是由Ht ...

  10. html同一段文字设置不同颜色字体,CSS设置一个文字两种颜色

    CSS设置一个文字两种颜色属于前端实例代码,有关更多实例代码大家可以查看. CSS可以将一个文字设置为两种颜色,下面介绍一下如何实现此效果. 代码实例如下: 犀牛前端部落 .antzone{ disp ...

最新文章

  1. 任正非最新讲话:华为专家队伍怎么建?
  2. Spring Boot 最核心的 3 个注解详解
  3. XCode提交app时提示SDK Version Issue,This app was built with the IOS 12.0 SDK...
  4. 计算机科学在生物信息中的应用,生物信息学在基因组学中的应用
  5. 前端--3、JavaScript
  6. OCA第1部分中的Java难题
  7. CodeForces 8D Two Friends 判断三个圆相交
  8. Oracle v$session_longops 视图说明
  9. Redis的hotkey和bigkey的一些拆解方式
  10. python三菱modbus解密_Modbus PLC攻击分析:Python和Mbtget读写PLC
  11. ensembl-vep/VEP 注释软件安装及测试 超简单版(conda vep、百度网盘数据库)
  12. 软件设计模式学习总结
  13. 阿里云短信验证码后端
  14. CS5211:EDP转LVDS转换器,可替代PS8622,PS8625,CH7511等芯片!
  15. plsql窗口文件怎么找回_简单粗暴搞定网易云音乐限制!找回失去的灰色快乐
  16. 项目管理学习笔记之二.工作分解
  17. 揭秘:张国荣葬礼,袁咏仪为何哭到失控?
  18. JavaScript+css实现的喜庆活动邀请函多页面html源码
  19. 基于 OpenSSL 生成自签名证书,数字签名,泛域名证书,ca证书,PKI等
  20. Gradient Descent and NSCA

热门文章

  1. 超有用的word宏代码——批量裁剪图片
  2. docker常用命令
  3. 涂上你的脸! 如何创建自定义Photoshop笔刷
  4. 微信小程序地图组件去除iconPath
  5. 西门子触摸屏程序锁屏V1.0
  6. 项目管理软件之禅道和JIRA的共同点与区别
  7. SECS/GEM 产品开发和介绍
  8. oracle erp 表结构
  9. JAVA 换行输出的五种方法
  10. C 语言学习笔记(一):C 语言的开发环境