本文介绍了Roboto Condensed字体在mozilla firefox中无法正确呈现的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧! 问题描述 29岁程序员,3月因学历无情被辞! 我使用从Google Web Fonts下载的RobotoCondensed。我使用从我的服务器的字体。 @ font-face { font-family:'Roboto Condensed'; src:url('../ fonts / RobotoCondensed-Light.eot'); src:url('../ fonts / RobotoCondensed-Light.eot?#iefix')format('embedded-opentype'), url('../ fonts / RobotoCondensed-Light.woff ')format('woff'), url('../ fonts / RobotoCondensed-Light.ttf')format('truetype'), url('../ fonts / RobotoCondensed-Light .svg#svgFontName')format('svg'); } 我使用的字体系列如下 font-family:'Roboto Condensed',sans-serif; 对于IE9和Chrome来说,事情进展顺利。但是当涉及到Mozilla Firefox时,并不是这样。 解决方案除了mozilla firefox> 我使用的是Google Fonts Api,它在Firefox中使用: @ font-face { font-family:'Roboto Condensed'; font-style:normal; font-weight:400; src:local('Roboto Condensed Regular'),local('RobotoCondensed-Regular'),url(http://themes.googleusercontent.com/static/fonts/robotocondensed/v7/Zd2E9abXLFGSr9G3YK2MsNxB8OB85xaNTJvVSB9YUjQ.woff)format 'woff'); } 也许尝试指定风格和重量。 I am using RobotoCondensed downloaded from google Web Fonts. I am using the font from my server. I have created the css like below.@font-face { font-family: 'Roboto Condensed'; src: url('../fonts/RobotoCondensed-Light.eot'); src: url('../fonts/RobotoCondensed-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoCondensed-Light.woff') format('woff'), url('../fonts/RobotoCondensed-Light.ttf') format('truetype'), url('../fonts/RobotoCondensed-Light.svg#svgFontName') format('svg'); }I am using the font family like thisfont-family: 'Roboto Condensed', sans-serif;The things are going smooth with respect to IE9 and Chrome. But when it comes to Mozilla Firefox it is not so.Is there any solution for this? 解决方案 I'm using the one off the Google Fonts Api and it works in Firefox:@font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url(http://themes.googleusercontent.com/static/fonts/robotocondensed/v7/Zd2E9abXLFGSr9G3YK2MsNxB8OB85xaNTJvVSB9YUjQ.woff) format('woff');}Maybe try specifying style and weight. 这篇关于Roboto Condensed字体在mozilla firefox中无法正确呈现的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持! 上岸,阿里云!
08-23 10:21