Posted 28 February 2013 - 10:57 PM
Would like to make a font-family change (ChopinScript) on hover in the main navigation bar. I've made several attempts in the custom code area, but can't seem to get the correct formula or the find right section of the stylesheet to make the change.
Would kindly appreciate some assistance if you've done this before.
The site can be viewed at
Thanks in advance for your help!
Posted 01 March 2013 - 12:32 AM
Hi there, how are applying the font? Is it part of googlefonts or via typekit/cufon etc.
Posted 01 March 2013 - 09:12 AM
Unless my eyes are deceiving me I am unable to find that font in the Google webfonts service.
Therefore, you will most likely need to use the @font-face to include this font on your website, you can find more information on @font-face here.
The add the font family to your custom CSS for the nav a:hover class.
Posted 01 March 2013 - 07:34 PM
Sorry, you are correct. I apologize for the confusion. From what I've found at font-face, it should look like this:
src: url('chopinscript-webfont.eot?#iefix') format('embedded-opentype'),
However, my brain is struggling the make the connection code to actually make it happen. How do I connect the a:hover class code to this? It feels like I'm missing steps and this is new and unfamiliar territory for me right now.
Your expertise would be greatly appreciated!
Posted 01 March 2013 - 11:12 PM
Hi there, once you've added the @font-face code you can just call the font in the css.
This site gives a good example -
Posted 02 March 2013 - 12:19 AM Best Answer