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
(верблюд) как свойство, которое вы хотите изменить.