如果添加思源黑体和阿里巴巴不普惠体呢
时间: 2023-12-16 12:04:58 浏览: 123
要在 TinyMCE 中添加思源黑体和阿里巴巴不普惠体字体,你需要进行以下步骤:
1. 将思源黑体和阿里巴巴不普惠体字体文件(.ttf 或 .otf 格式)下载到你的本地计算机中。
2. 在 TinyMCE 的配置中添加你所需的字体,具体可参考以下示例代码:
```
tinymce.init({
selector: 'textarea',
height: 500,
plugins: 'advlist autolink lists link image charmap print preview anchor',
toolbar: 'fontsizeselect fontselect',
content_css: 'https://fonts.googleapis.com/css?family=Noto+Sans+SC:300,400,500,700|Noto+Serif+SC:300,400,500,700|Source+Han+Sans+SC:300,400,500,700&display=swap',
font_formats: '思源黑体=simhei;思源宋体=simsun;阿里巴巴不普惠体=AlibabaPuHuiTi-Regular;',
fontsize_formats: "12px 14px 16px 18px 24px 36px",
});
```
在上面的代码中,你需要将 `content_css` 属性设置为你所需的字体文件的 URL 地址,其中思源黑体和思源宋体已经包含在了 `content_css` 中,你只需要添加阿里巴巴不普惠体的 URL 地址,例如:
```
content_css: 'https://fonts.googleapis.com/css?family=Noto+Sans+SC:300,400,500,700|Noto+Serif+SC:300,400,500,700|Source+Han+Sans+SC:300,400,500,700&display=swap|https://cdn.jsdelivr.net/npm/@alifd/next-fonts@1.1.0/dist/next-fonts.min.css',
```
然后,在 `font_formats` 属性中添加你所需的字体名称和字体文件名,例如:
```
font_formats: '思源黑体=simhei;思源宋体=simsun;阿里巴巴不普惠体=AlibabaPuHuiTi-Regular;',
```
最后,在你的编辑器界面中,你应该能够看到 "思源黑体"、 "思源宋体" 和 "阿里巴巴不普惠体" 字体选项了。
希望这能帮到你!
阅读全文