JQuery Font-Family не работает внутри Javascript

У меня есть некоторые выданные в отношении шрифта семьи.

У меня есть 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;
}

Но семейство шрифтов не применяется, как и обычные шрифты jQuery CSS.

Пожалуйста, порекомендуйте мне решение как можно раньше.

3 ответа

Семейство шрифтов, которое вы применяете к своему телу:

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

Тем не менее, имя, которое вы присвоили шрифту, который вы создали @font-face является:

font-family: 'Conv_SF Slapstick Comic';

Вам нужно использовать одно и то же значение в обоих местах. Попробуйте использовать это:

font-family: 'Conv_Gotham-Medium';

Похоже, проблема с селектором CSS

Посмотрите на этот пример

 $(selector).css(property,value)

Ваше заявление

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

Измените это на

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

Присвойте некоторый идентификатор body, чтобы css/jquery мог легко идентифицировать тег body... Надеюсь, это поможет. Во-вторых, декларация собственности не похожа на традиционную встроенную CSS, поэтому внесите в нее изменения... попробуйте перестановки в этом.

Пойти на fontFamily (верблюд) как свойство, которое вы хотите изменить.

Другие вопросы по тегам