Question

我在Moodle课程和主题中安装了moodle字体（Coptic），它在Google Chrome中正确显示。但是，当我尝试在Firefox中查看它时，I.E。或者在我的平板电脑（Chrome通过Nexus 9）上，它不会显示正确的字符。

我在https://docs.moodle.org/28/en/How_to_add_custom_fonts_in_a_theme之前按照这些说明操作。唯一的问题是，在我只有Coptic.tff而没有其他字体类型之前。即eot或svg。然后我上网获取其他字体。即我上传了Coptic.tff并获得了其他文件的压缩文件。通过在dir中包含这些其他字体。你认为它可能解决问题吗？谢谢你的帮助。： - ）

Answer 1

请包括所有字体类型。在主题中创建一个新目录并将其称为字体。然后将所有自定义字体添加到此目录中。例如：moodle / theme / yourtheme / fonts /

有些时候＆＃34; src：url（[[font：theme | fontname.eot]]）; ＆＃34;，这可能不起作用。

请添加这样的路径

@font-face { /* where FontName and fontname represents the name of the font you want to add */
 font-family: 'fontname';
 src: url('../theme/your-theme-name/fonts/fontname.woff');
 src: url('../theme/your-theme-name/fonts/fontname.eot') format('embedded-opentype'),
      url('../theme/your-theme-name/fonts/fontname.woff') format('woff'),
      url('../theme/your-theme-name/fonts/fontname.ttf') format('truetype'),
      url('../theme/your-theme-name/fonts/fontname.svg') format('svg');
 font-weight: normal;
 font-style: normal;

}

下一步添加字体名称，无论您希望在样式表中使用哪种字体。例如： #page-header h1 {font-family：FontName;}

试试!!!它适用于你:)

安装的Moodle字体在其他浏览器中不起作用

1 个答案: