1

我正在为残疾人建立一个页面，其中涉及展示几种字体。将有一个带有按钮的窗格 a) 调用将加载环境的不同类，或调用 jquery .css() 函数以这种方式加载环境。

我已经让这两种方法都可以工作了——除了字体系列之外的所有东西。我已经将字体堆栈放入类中，加载了类，并且除字体系列之外的所有内容都有效。我还将所有内容都加载到 .css() 语句中——除了 font-family 之外的所有内容都有效。页面上显示的似乎是默认的 serif 浏览器字体。我可以调整它的大小、颜色或其他任何东西。我不能做的就是把它改成另一种字体。

现在我正在尝试切换网络安全字体。

这是我现在使用的 jQuery：

$(document).ready(function(){
$("#numone").click(function(){
$("#texdiv").toggleClass("graybkd");
$("#texdiv").html("Here the text is blue on a Gray Background. Does this feel better? This font should be  sans-serif, which is easier for vision-impaired people to read..."); 

}); 
});

当使用 .css() 尝试此操作时，toggleClass 语句被注释掉，在事件处理程序之后代码如下所示：

$("#texdiv").css({"font-family" : "Tahoma", "background-color" : "#dddddd", "border-color" : "#0000dd"}); ---   etc.

如果您想了解这一切是如何工作的，可以查看以下 jsfiddle.net 页面：http: //jsfiddle.net/gershonb/eJapD/118/

是不是就连网络安全的字体也必须以某种方式预取？该页面将使用一些我知道必须预取的特殊字体，但 Tahoma 应该会给你一个漂亮的无衬线外观。

当除了一小部分之外一切正常时，我有点难过。

谢谢

格顺

4

1 回答 1

0

如果我用你的小提琴中的 .css() 替换你的 .toggleClass() 对我来说在 Chrome 中工作得很好：http: //jsfiddle.net/iGanja/eJapD/143/

我还在这里创建了一个使用 css() 更改字体系列的演示小提琴：http: //fiddle.jshell.net/iGanja/3yqpg/

<h2>This is Text</h2>

<button id="tahoma">Tahoma</button>
<button id="arial">Arial</button>
<button id="verdana">Verdana</button>
<button id="times">Times New Roman</button>
<button id="courier">Courier</button>

<script>
   $("#tahoma").on("click", function() {$("h2").css({"font-family":"Tahoma"}); });
   $("#arial").on("click", function() {$("h2").css({"font-family":"Arial"}); });
   $("#verdana").on("click", function() {$("h2").css({"font-family":"Verdana"}); });
   $("#times").on("click", function() {$("h2").css({"font-family":"Times New Roman"}); });
   $("#courier").on("click", function() {$("h2").css({"font-family":"Courier"}); });
</script>
于 2013-05-07T21:36:32.360 回答