用JS怎么设置 @font-face ？谢谢啊

初学额 2019-12-12 10:00:06

@font-face {
font-family:"tt1";
src:url('tt1.ttf');
}

用JS怎么设置 font-family 和 src:url里的值呢？
希望能动态的设置字体，有办法吗？

谢谢啊！

...全文

314 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

初学额 2019-12-12

打赏
举报

回复

有大哥懂这个吗？给个提示吧

初学额 2019-12-12

打赏
举报

回复

需要引入50种字体甚至更多，所以写太多不是很好
而且使用起来很不方便

JiexC0la 2019-12-12

打赏
举报

回复

为什么要动态设置@font-face呢，如果只是想改变字体，写多个@font-face，根据不同场景引用不同字体就行了

"前端开源库-stylus-font-face" 是一个专为前端开发者设计的工具，它允许开发者使用手写笔字体，并提供了@font-face生成器功能。这个开源库是基于Stylus语言构建的，Stylus是一种强大的CSS预处理器，它引入了变量、...

在这个示例中，我们有三个div元素（类名为a、b、c），每个元素都使用了不同的@font-face声明中定义的字体，并且都设置了24像素的字体大小。类名为c的div还额外设置了文字颜色为黄色。值得注意的是，每个div元素在...

broccoli-sass-font-face 这是一个插件，用于轻松生成@font-face规则。安装 npm install --save-dev broccoli-sass-font-face 用法假设您的项目的webpub/fonts目录中有几种字体： ~/project/$ ls -C webpub/...

字体使用是网页设计中不可或缺的一部分。经常地，我们希望在网页中使用某一特定字体，但是该字体并非主流操作系统的内置字体，这样...下面要讲的是如何只通过CSS的@font-face属性来实现在网页中嵌入任意字体。第一步

61,129

社区成员

60,711

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章