我非常困惑为什么在我的web应用程序Flot中呈现标签字体非常奇怪(参见图表旁边的屏幕截图边标签),而当查看Flot示例时,它们在相同的浏览器(即7和8模式)中呈现得很好。
任何帮助都将不胜感激。
--字体应该是无衬线的。

下面是我的页面标题:
标头
<!doctype html>
<html>
<head><script type="text/javascript">var NREUMQ=NREUMQ||[];NREUMQ.push(["mark","firstbyte",new Date().getTime()]);</script>
<title>Acme Inc. Contact Cloud</title>
<meta name="description" content="View 's complete contact details on ContactMonkey.com." >
<meta name="robots" content="noindex,noarchive,nofollow" />
<link rel="icon" type="image/png" href="/system/favicons/45/original/favicon.png?1329843127" />
<link href="/stylesheets/whitelabel.css?1335117438" media="screen" rel="stylesheet" type="text/css" />
<link href="/stylesheets/autoSuggest.css?1335117438" media="screen" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="/stylesheets-clients/acme.css" type="text/css" />
<link href="/stylesheets/anythingslider.css?1335117438" media="screen" rel="stylesheet" type="text/css" />
<link href="/stylesheets/colorbox.css?1335117438" media="screen" rel="stylesheet" type="text/css" />
<!--[if lte IE 9]><script src="/javascripts/flot/excanvas.min.js?1335117438" type="text/javascript"></script><![endif]-->
<script src="/javascripts/flot/excanvas.min.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/jquery.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/jquery.colorbox-min.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/jquery-ui-min.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/application.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/application_new.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/jquery_ujs.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/form_validations.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/css_browser_selector.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/jquery.form.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/jquery.remotipart.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/jquery.infieldlabel.min.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/jquery.cookie.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/jquery.livequery.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/jquery.autogrow.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/si.files.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/jquery.anythingslider.fx.min.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/jquery.anythingslider.min.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/jquery.easing.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/jquery.keyfilter.min.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/jquery.cycle.min.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/jquery.autoSuggest.packed.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/edit_card_modal.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/jquery.resize.min.js?1335117438" type="text/javascript"></script>页面特定脚本:
<link href="/stylesheets/charts.css?1335117438" media="screen" rel="stylesheet" type="text/css" />
<script src="/javascripts/underscore.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/flot/jquery.flot.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/flot/jquery.flot.categories.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/flot/jquery.flot.stack.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/charts.js?1335117438" type="text/javascript"></script>发布于 2012-06-14 23:47:31
问题出在将canvas文本渲染为IE6-8兼容文本的库。除了将文本呈现为纯文本,并切换到不同的图表库之外,我没有其他解决方案。
https://stackoverflow.com/questions/10270652
复制相似问题