1.声明font-face

<style>
@font-face {font-family: GraublauWeb;src: url("../../assets/otf/111.otf");
}@font-face {font-family: IndexPhone;src: url("../../assets/otf/222.otf");
}
</style>

2.在样式中使用

<p class='test'></p>
<style>
.test {font-family: GraublauWeb;font-size: 20px;text-align: center;
}
</style>

前端纯CSS导入otf字体包相关推荐

vue项目导入谷歌字体包
实现导入谷歌字体谷歌字体链接:http://www.googlefonts.cn/chinese App.vue <style>@import '/common/font/font.cs ...
css如何引入字体包
css引入字体有些字体本身浏览器不携带,需下载字体包引入,常见字体SourceHanSansCN-Regular.SourceHanSansCN-Medium,属于思源黑体系列思源黑体下载链接 @ ...
css压缩处理字体包文件
本文章参考问题我们在写样式的时候,经常会遇到ui给出的特殊字体, 我本人之前遇到这种情况通常都是让ui切图,然后压缩图片,这样对于一些相对与后管配置的动态元素实现困难解决字蛛中文字体自动化压 ...
window lcd css,纯CSS实现液晶字体效果
使用css实现液晶字体效果 /*The Digits*/.light{width:300px;background:#f4f5f7;height:60px;text-align:center; }.d ...
2021-04-03 Web前端之CSS——选择器、字体属性、文本属性、样式表
视频课程:黑马程序员Pink老师笔记: 选择器以及一条或多条声明写在<head><style>之间</style></head> font-size ...
css实现图片虚化_前端纯css 图片的模糊处理
最近做的一个项目需要用到背景图的模糊处理,在网上查资料,发现用css的 filter 属性就可以解决,但是因为模糊度比较高,四周会有很长的模糊边,百度上也没找到解决的方法,,可喜的是最后我在分析一个d ...
iOS UIFont中文字体 -- 中文字体包快速查找
最近我司的产品经理要求新版本的APP中的字体格式要新颖,区别于大众APP的字体.需求大过天,开始着手UIFont类设置字体.最终设置来设置去,还是无法和UI达成一致. 在网上查询设置中文字体,像仿宋, ...
php用css改变字体,css怎么设置字体立体
html代码: 前端开发 css怎么设置字体立体? css里面还是首先来全局的设置,为了避免视觉疲劳,我们修改了背景颜色和文字颜色.body{ background-color: #666; } @i ...
字体包压缩-字体包抽取
是不是经常遇到导入一个字体包很大,本来包很小,一下子就大了好多,要优化,找了很多工具,都不行,今天它来了,快去下载吧网址:https://ecomfe.github.io/fontmin/ 里面下载 ...
vue项目中引入字体包
问题: 项目开发过程中,因UI的显示要求,需要引入一些字体,那如何引入外部字体呢?很简单,只需要以下3步一下载对应的字体包文件,放置到我们的项目中比如我需要PingFangSC的系列字体,我 ...

前端纯CSS导入otf字体包

使用font-face引入字体包

1.声明font-face

2.在样式中使用

前端纯CSS导入otf字体包相关推荐

最新文章

热门文章