Forums

Theme customization Problem.

Permalink 1 user found helpful
Hello,

I have problem in customizing theme font family. single word font familys working correctly for e.g arial,helvetica. multi word font families doesnt update . for e.g times new roman.
I got the following error"Uncaught Error: Syntax error, unrecognized expression: [font-panel-font=Comic Sans MS] "
http://my.jetscreenshot.com/14061/20130206-x3kg-92kb.jpg...
ssrgspdkt
 
Kurtopsy replied on at Permalink Reply
Kurtopsy
Hi ssrgspdkt -

Many times it rathers a underscore (_) in place of spaces. Another option is to download font face kits from fontsquirrel.com or fontspring.com. Put the four files in a fonts folder and use the following code in your css.
@font-face {
    font-family: 'nexa_boldregular';
    src: url('../fonts/nexafree_bold_macroman/Nexa_Free_Bold-webfont.eot');
    src: url('../fonts/nexafree_bold_macroman/Nexa_Free_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nexafree_bold_macroman/Nexa_Free_Bold-webfont.woff') format('woff'),
         url('../fonts/nexafree_bold_macroman/Nexa_Free_Bold-webfont.ttf') format('truetype'),
         url('../fonts/nexafree_bold_macroman/Nexa_Free_Bold-webfont.svg#nexa_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


And then to assign that font to something...
#wrapper h1 {
     font-family:'nexa_boldregular';
}
Kurtopsy replied on at Permalink Reply
Kurtopsy
After a little research I found out how to get Times New Roman to work.
#wrapper h1 {
     font-family: Georgia, "Times New Roman", serif;
}
ssrgspdkt replied on at Permalink Best Answer Reply
ssrgspdkt
Hi Kurtopsy...
I found solution to this issue . we need to add singlequote(') between font family name.

In concrete\single_pages\dashboard\pages\themes\customize.php line # 254
original code:
$('div#jquery-font-panel-list-fonts div[font-panel-font=' + font + ']').addClass('font-panel-list-selected');


Updated code :
$('div#jquery-font-panel-list-fonts div[font-panel-font=\'' + font + '\']').addClass('font-panel-list-selected');