在TinyMCE编辑器中使用Braillie字体
Using Braillie Font in TinyMCE Editor
我很想知道如何在TinyMCE编辑器中使用盲文字体。目前,我想在Moodle中集成这一功能,Moodle使用TinyMCE作为默认编辑器。
我能为tinymce添加字体的唯一方法是编辑核心代码。
首先将字体文件复制到/theme/yourtheme/fonts/
在/theme/yourtheme/style/fonts.css
中为您的字体创建一个css文件
@font-face {
font-family:'yourfont';
src:url('/theme/yourtheme/fonts/yourfont.eot') format('eot'),
url('/theme/yourtheme/fonts/yourfont.woff') format('woff'),
url('/theme/yourtheme/fonts/yourfont.ttf') format('truetype'),
url('/theme/yourtheme/fonts/yourfont.svg#yourfont') format('svg');
font-weight:normal;
font-style:normal;
}
您还需要将上面的@font面复制到/theme/yourtheme/style/custom.css
中,以便正确显示字体。
编辑/lib/editor/tinymce/lib.php
,并将这两行添加到$fontselectlist = empty($config->fontselectlist) ? '' : $config->fontselectlist;
行之后的function get_init_params()
(这是在Moodle 2.5中)
$contentcss .= ', /theme/yourtheme/style/fonts.css';
$fontselectlist .= ';Your font=yourfont';
清除缓存/admin/purgecaches.php
刷新浏览器,字体现在应该在那里。
相关文章:
- 内部分区字体大小获胜'调整浏览器窗口大小时不会随媒体查询而更改
- 用Javascript更改我网站上的字体大小
- 不同字体的字母间距不同
- 如何在谷歌字体加载时显示加载图像
- PhoneGap选项卡栏自定义字体,背景图案
- 每个选择器的Jquery css颜色都在变化,但字体大小却没有变化
- 如何保护节点webkit应用程序上的字体
- HTML5在浏览器大小javascript/jquery上调整字体大小
- 使用多个类更改字体
- 根据元素高度和宽度的百分比变化增加或减少字体大小
- html5画布在同一行中写入多个字体
- 如何知道字体(@font face)是否已经加载
- 在jQuery中,短距离长持续时间的精细字体大小动画
- 将Div内容复制到文本区域或具有相同字体族样式的文本
- 窗口中的谷歌字体参差不齐
- 如何在tinymce编辑器中启用字体系列和颜色选项
- 在 ul 下更改内容的字体颜色,在悬停时
- 按容器更改字体大小
- 仅在加载Google Web字体后绘制到画布
- 在TinyMCE编辑器中使用Braillie字体