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

I installed a moodle font (Coptic) in my Moodle Course and Theme and it displays correctly in Google Chrome. However when I try to view it in Firefox, I.E. or on my Tablet (Chrome via Nexus 9) it doesn't display the correct characters.

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

Ifollowed these instructions before https://docs.moodle.org/28/en/How_to_add_custom_fonts_in_a_theme. The only thing is, before I only had Coptic.tff and no other font types. I.e. eot or svg. I then went online to get the other fonts. I.e. I uploaded Coptic.tff and got a zip of the other files. By including these other fonts in the dir. do you think it might fix the problem. Thanks for all you help. :-)

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

1 个解决方案

#1

Please include all fonts type like you did. Create a new directory in your theme and call it fonts. Then add all your custom fonts into this directory. eg: moodle/theme/yourtheme/fonts/

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

Some times " src: url([[font:theme|fontname.eot]]); ", this may not work.

有时候“src:url([[font:theme | fontname.eot]]);”,这可能行不通。

Please add path like this

请添加这样的路径

@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;

}

Next ADD the name of your font wherever you want that font to be used in your stylesheet. For example: #page-header h1 { font-family: FontName;}

接下来,只要在样式表中使用该字体,就可以添加字体名称。例如:#page-header h1 {font-family:FontName;}

try !!! It will work for you :)

试试!!!它会适合你:)

1 个解决方案

#1

更多相关文章

随机推荐