社区
CSS
帖子详情
用JS怎么设置 @font-face ?谢谢啊
初学额
2019-12-12 10:00:06
@font-face {
font-family:"tt1";
src:url('tt1.ttf');
}
用JS怎么设置 font-family 和 src:url里的值呢?
希望能动态的设置字体,有办法吗?
谢谢啊!
...全文
312
3
打赏
收藏
用JS怎么设置 @font-face ?谢谢啊
@font-face { font-family:"tt1"; src:url('tt1.ttf'); } 用JS怎么设置 font-family 和 src:url里的值呢? 希望能动态的设置字体,有办法吗? 谢谢啊!
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
初学额
2019-12-12
打赏
举报
回复
有大哥懂这个吗?给个提示吧
初学额
2019-12-12
打赏
举报
回复
需要引入50种字体甚至更多,所以写太多不是很好
而且使用起来很不方便
JiexC0la
2019-12-12
打赏
举报
回复
为什么要动态设置@font-face呢,如果只是想改变字体,写多个@font-face,根据不同场景引用不同字体就行了
前端开源库-stylus-
font-face
前端开源库-stylus-
font-face
手写笔字体,@font face生成器手写笔插件
使用
font-face
改变字体即加载外部字体
喜欢网页布局的朋友对
font-face
并不陌生吧,使其可以改变网页字体,下面有个不错的示例,大家可以参考下
broccoli-sass-
font-face
:Broccoli 插件,可轻松生成 @
font-face
broccoli-sass-
font-face
这是一个插件,用于轻松生成@
font-face
规则。 安装 npm install --save-dev broccoli-sass-
font-face
用法 假设您的项目的webpub/fonts目录中有几种字体: ~/project/$ ls -C webpub/fonts headers.eot headers.ttf headers.woff headers_bold.eot headers_bold.ttf headers_bold.woff 添加你的 Brocfile.
js
var fontFace = require ( 'broccoli-sass-
font-face
' ) ; // This prefix will be removed from the each font URL: fontFace . font
CSS @
font-face
属性实现在网页中嵌入任意字体
字体使用是网页设计中不可或缺的一部分。经常地,我们希望在网页中使用某一特定字体,但是该字体并非主流操作系统的内置字体,这样用户在浏览页面的时候就有可能看不到真实的设计。美工设计师最常做的办法是把想要的文字做成图片,这样做有几个明显缺陷:1. 不可能大范围的使用该字体;2. 图片内容相对使用文字不易修改;3. 不利于网站SEO(主流搜索引擎不会将图片alt内容作为判断网页内容相关性的有效因素)。网络上有一些使用sIFR技术、或javascript/flash hack的方法,但实现起来或繁琐,或有缺陷。下面要讲的是如何只通过CSS的@
font-face
属性来实现在网页中嵌入任意字体。 第一步
CSS
61,129
社区成员
60,711
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章