我的三星Galaxy S3手机最近从Android 4.1.3升级到Android 4.3。现在,我在Android互联网浏览器中测试过设计的几个网站都没有显示用声明的字体@font-face
。我需要怎么做才能解决此问题?
网站之一(开发版本):http : //beta.kdfansite.com
这是一些与Open Sans相关的CSS:
@font-face {
font-family: 'OpenSansSemibold';
src: url('http://beta.kdfansite.com/wp-content/themes/scrollider/scrollider/webfonts/Open-Sans/OpenSans-Semibold-webfont.eot');
src: url('http://beta.kdfansite.com/wp-content/themes/scrollider/scrollider/webfonts/Open-Sans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('http://beta.kdfansite.com/wp-content/themes/scrollider/scrollider/webfonts/Open-Sans/OpenSans-Semibold-webfont.woff') format('woff'),
url('http://beta.kdfansite.com/wp-content/themes/scrollider/scrollider/webfonts/Open-Sans/OpenSans-Semibold-webfont.ttf') format('truetype'),
url('http://beta.kdfansite.com/wp-content/themes/scrollider/scrollider/webfonts/Open-Sans/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
font-weight: normal;
font-style: normal;
}
/* ... */
h2 {
font-family: 'OpenSansSemibold', Arial, sans-serif;
/* ... */
}
我在网站上使用的每种字体都以类似的方式声明。用于“享受您的旅程”消息的Great Vibes声明(也在custom.css中)是另一个要比较的声明。所有字体在同一设备上的Android版Chrome浏览器和Firefox中正确显示,但在Android Internet中无法正确显示。
我需要尽快完成此CSS的工作,并以志愿者(未付费)的身份从事此项目。因此,我正在寻找一种快速修复方法,而不是代码审查。我也是UX设计人员,而不是Web开发人员。提前致谢。
编辑:我今天在Edge Inspect CC和weinre中进行了一些附加的调试,将我的Android手机和iPad都连接到了笔记本电脑。在Weinre中,我可以在iPad上更改字体系列,但不能在电话上更改字体。我可以在两个设备上更改字体颜色。因此,看来潜在的问题与以下事实有关:使用远程调试器时,无法将字体更改为默认字体。
我在这里有同样的问题我该如何解决。
我只在带有媒体查询的移动设备上使用svg。
@media only screen and (max-width: 320px) {
@font-face {
font-family: 'open_sansbold';
src: url('OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
font-weight: normal;
font-style: normal;
}
}
@media only screen and (max-device-width: 720px) and (orientation:portrait) {
@font-face {
font-family: 'open_sansbold';
src: url('OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
font-weight: normal;
font-style: normal;
}
}
@media only screen and (max-device-width: 1280px) and (orientation:landscape) {
@font-face {
font-family: 'open_sansbold';
src: url('OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
font-weight: normal;
font-style: normal;
}
}
希望对您有帮助。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句