change css font with javascript

Question

I'm trying to change css font with javascript,

I changed font-size like below and it worked

$(".bp-item.bp-title.buyuk-baslik-yazi").css("font-size",
        +jsonVerisi.ayar[0].baslikFontSize + "px");

but when I try to change font-family by the same way,it doesn't work,is there anything that i'm missing ?

$(".bp-item.bp-title.buyuk-baslik-yazi").css("font-family",
            +jsonVerisi.ayar[0].baslikFontFamily);

What is the value of jsonVerisi.ayar[0].baslikFontFamily? I'd check that first. — ElGavilan
– ElGavilan, Commented Apr 29, 2014 at 14:13
+ is to convert a string to number.. if the string is not a valid number then it makes it NaN. — Mr_Green
– Mr_Green, Commented Apr 29, 2014 at 14:17
i've already checked,it is selected by user and its value comes as expected like sans,sans-serif etc. — erolusengul
– erolusengul, Commented Apr 29, 2014 at 14:18

RahulOnRails · Accepted Answer · 2014-04-29 14:15:29Z

3

Just remove "+" symbol from jsonVerisi.ayar[0].baslikFontFamily and try.

$(".bp-item.bp-title.buyuk-baslik-yazi").css("font-family",
            jsonVerisi.ayar[0].baslikFontFamily);

Example

enter image description here

answered Apr 29, 2014 at 14:15

RahulOnRails

6,54211 gold badges55 silver badges88 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

hywak · Accepted Answer · 2014-04-29 14:16:56Z

0

Make sure that your browser support specified font because it should work in that way.

answered Apr 29, 2014 at 14:16

hywak

9192 gold badges15 silver badges27 bronze badges