问题 #857✓ 已解决提出于 2018年2月11日作者 webnoob3 个反应

:我如何在排版中添加自定义字体 |字体下拉菜单?

快速解答作者 IceCrystal0k3

这是我如何向样式管理器添加新字体的方法: 在初始化后调用这些函数,或者在editor.on('load', ()=> { ....addFonts() ... })如果你用的是像 Newsletter 预设这样的预设,加载后会修改样式管理器。 另外,在 canvas 中注入所用字体,在 init 函数中使用 canvas 属性:

阅读下方完整回答 ↓

问题

你好,

首先,这正是我长期以来一直在寻找的,感谢你的努力。

接下来,我想在排版|中添加一个字体。下拉列表。 我该如何添加一个?

注意:我看到你建议添加新样式表的帖子,但我只希望它能根据排版选项应用。我还看到你添加了对“atRules”的支持,但我觉得这不会在字体下拉菜单里增加选项,而且我也找不到相关文档......

感谢你的时间。

回答(3)

👍 最有帮助IceCrystal0k2018年5月15日

这是我如何向样式管理器添加新字体的方法: 在初始化后调用这些函数,或者在editor.on('load', ()=> { ....addFonts() ... })如果你用的是像 Newsletter 预设这样的预设,加载后会修改样式管理器。 另外,在 canvas 中注入所用字体,在 init 函数中使用 canvas 属性:

artf2018年2月13日

你好@webnoob目前唯一的方法是通过初始化对象添加它。以下是演示片段 https://github.com/artf/grapesjs/blob/gh-pages/demo.html#L1045-L1062 如你所见,我没有指定任何字体家族,只是更新了它的名称 “''js buildProps: ['font-family', ...], 性质:[ { 名称:“Font”,属性:“font-family”}, ...

webnoob2018年2月13日

谢谢你的分享。根据你上面给我展示的内容,我用StyleManager添加了额外的字体,比如这样: 我猜用这种方法,我需要通过样式表把实际字体导入编辑器才能正常工作,还是你提供了其他机制?

相关问答

通过相似的问题讨论继续研究。

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

直接跳转到市场上的插件分类页面。