Question

我有一些关于font-family的问题。

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

内部脚本标记

我必须检查这样的情况，

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

我把@ font-face保存在单独的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;
}

但是font-family没有应用，因为它采用了正常的jQuery CSS字体。

请尽早向我推荐解决方案。

Answer 1

您申请身体的字体系列是：

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

但是，您为使用@font-face创建的字体指定的名称是：

font-family: 'Conv_SF Slapstick Comic';

您需要在两个地方使用相同的值。试试这个：

font-family: 'Conv_Gotham-Medium';

Answer 2

看起来问题在于css选择器

看看这个例子

 $(selector).css(property,value)

您的陈述

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

将其更改为

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

给身体一些id，这样css / jquery可以轻松地识别body标签...... 希望这可以帮助。第二，财产的声明不像传统的内联css，所以也要对它进行修改..对此进行排列..

Answer 3

转到fontFamily（camelcase）作为您要更改的媒体资源。

jQuery Font-Family在Javascript中不起作用

3 个答案: