tinymce5.10 添加新下载的字体
时间: 2024-05-06 22:17:42 浏览: 224
要添加新的字体到 TinyMCE 5.10,需要按照以下步骤进行操作:
1. 下载所需的字体文件,并将其保存在您的项目中。
2. 在 TinyMCE 的初始化配置中,使用 `content_css` 选项指定您的 CSS 文件。
```javascript
tinymce.init({
selector: 'textarea',
content_css: 'path/to/your/css/file'
});
```
3. 在您的 CSS 文件中,使用 `@font-face` 规则将字体文件加载到页面中。例如:
```css
@font-face {
font-family: 'MyCustomFont';
src: url('path/to/your/font/file.ttf') format('truetype');
}
```
4. 接下来,您可以在 TinyMCE 的配置中使用 `font_formats` 选项来定义可用的字体格式。例如:
```javascript
tinymce.init({
selector: 'textarea',
content_css: 'path/to/your/css/file',
font_formats: 'MyCustomFont=MyCustomFont;'
});
```
请注意,这里的 `MyCustomFont` 是您在 `@font-face` 规则中定义的字体名称。您还可以指定多个字体格式,如下所示:
```javascript
tinymce.init({
selector: 'textarea',
content_css: 'path/to/your/css/file',
font_formats: 'MyCustomFont=MyCustomFont;Arial=arial,helvetica,sans-serif;'
});
```
这将使 TinyMCE 中的“字体”下拉菜单包含您定义的字体,并且用户可以选择这些字体。
阅读全文