Html 已安装的Moodle字体不';不能在其他浏览器中工作
我在我的moodle课程和主题中安装了moodle字体(科普特语),它在Google Chrome中正确显示。但是,当我尝试在Firefox中查看它时,即在我的平板电脑上(通过Nexus9的Chrome浏览器),它不会显示正确的字符Html 已安装的Moodle字体不';不能在其他浏览器中工作,html,css,fonts,moodle,Html,Css,Fonts,Moodle,我在我的moodle课程和主题中安装了moodle字体(科普特语),它在Google Chrome中正确显示。但是,当我尝试在Firefox中查看它时,即在我的平板电脑上(通过Nexus9的Chrome浏览器),它不会显示正确的字符 我以前遵循过这些指示。唯一的问题是,以前我只有Coptic.tff,没有其他字体类型。即eot或svg。然后我上网去拿其他字体。也就是说,我上传了Coptic.tff,得到了其他文件的zip文件。通过在目录中包含这些其他字体。你认为它能解决这个问题吗。谢谢你的帮助。
我以前遵循过这些指示。唯一的问题是,以前我只有Coptic.tff,没有其他字体类型。即eot或svg。然后我上网去拿其他字体。也就是说,我上传了Coptic.tff,得到了其他文件的zip文件。通过在目录中包含这些其他字体。你认为它能解决这个问题吗。谢谢你的帮助。:-) 请像您那样包含所有字体类型。在主题中创建一个新目录,并将其称为字体。然后将所有自定义字体添加到此目录中。 例如:moodle/theme/yourtheme/font/ 有时“src:url([[font:theme | fontname.eot]]);”,这可能不起作用 请像这样添加路径
@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;
}
接下来,在样式表中希望使用字体的任何位置添加字体名称。
例如:
#页眉h1{font-family:FontName;}
试试看!!!它将为您工作:)您需要共享相关代码,以便我们可以进一步帮助您。我需要共享哪些代码?核心CSS?样式CSS?至少有一段代码,你把这种字体放在其中。同时尝试清理moodle和浏览器缓存。这只是一种解决方法,但不是解决问题的方法。为什么它有时不起作用?如何调试这个问题?