2013-03-25 68 views
1

我有一些关于font-family的问题。jQuery字体家庭不能在Javascript中工作

我的应用程序中有6个品牌,每个品牌都需要使用6种不同的字体。

内部脚本标签,

我要检查这样的条件下,

if(selectedbrand=="Brand1") 
{ 
$('body').css({ 
"font-family":'Conv_SF Slapstick Comic' 
}); 
} 

我一直@字体面在CSS单独像,

@font-face { 
       font-family: 'Conv_SF Slapstick Comic'; 
       src: url('fonts/SF Slapstick Comic.eot'); 
       src: local('SF Slapstick Comic'), url('fonts/SF Slapstick Comic.woff') format('woff'), url('fonts/SF Slapstick Comic.ttf') format('truetype'), url('fonts/SF Slapstick Comic.svg') format('svg'); 
       font-weight: normal; 
       font-style: normal; 
} 

但字体 - 家庭没有申请,因为它采取了正常的jQuery CSS字体。

请尽量推荐我一个解决方案。

回答

1

你申请到你的身体的字体家族是:

"font-family":'Conv_Gotham-Medium !important' 

然而,已分配给您与@font-face创建该字体的名称是:

font-family: 'Conv_SF Slapstick Comic'; 

你需要在两个地方使用相同的值。尝试使用这样的:

font-family: 'Conv_Gotham-Medium'; 
+0

@ Asad:我给!重要的是,它会采用该字体而不使用任何jQuery CSS样式。 – 2013-03-25 08:47:03

+0

@AbinKoshyCheriyan您已将字体定义为具有名为'Conv_SF Slapstick Comic'的字体,但您正在为字体指定字体系列'Conv_Gotham-Medium'。无论你的规则是否“重要”,都不会改变事情。 – 2013-03-25 08:49:21

+0

我有6种品牌的font-family和font-face。仅供参考,我在这里使用了一个字体。 – 2013-03-25 08:59:44

-1

貌似问题是与CSS选择

看看下面这个例子

$(selector).css(property,value) 

你的陈述

$('body').css({"font-family":'Conv_Gotham-Medium !important'}); 

将其更改为

$('#bodyid').css(font-family, 'Conv_Gotham-Medium !important'); 

给一些身份证的方式的CSS/jQuery可以轻松识别身体标记... 希望这会有所帮助。其次,财产的声明不像tradiotional内联css,所以也要对其进行更改。对此的操作替换。

+1

这是不必要的。 ''body''是一个非常有效的选择器。 – 2013-03-25 07:51:24

+0

这里是一个演示:http://jsfiddle.net/eQzyH/ – 2013-03-25 07:54:08

+0

嗨,我给出的字体路径是否是错误的?我的html页面位于项目中的“html页面”文件夹内,字体位于“fonts”文件夹内。另外,每种字体都有独立的文件夹。例如:字体 - > Conv_Gotham-Medium - > @字体系列Conv_Gotham-Medium语法。 – 2013-03-25 08:40:21

-2

前往fontFamily(camelcase)作为要更改的属性。

+0

重新命名密钥名称不是必需的。在文档中特别提到,只要引用了连字符值,它们就会起作用。 – 2013-03-25 07:52:27

+0

下面是我的意思的示范:http://jsfiddle.net/eQzyH/ – 2013-03-25 07:54:34

+0

@ DarthVader:您给出的语法越来越错误。在显示参数列表错误之后丢失)。 – 2013-03-25 08:45:43