wordpress - CSS selector to use for sIFR menu -


i've used sifr simple applications headings, i'm trying use 2 different fonts simultaneously - 1 heading , 1 menu.
heading works, not menu. i'm using tofurious wordpress theme. section of theme's stylesheet governs menu font , link styles:

/*menu colors****************/ #menu {  background:#bc7d90; }  #menu li {  font:11px arial, helvetica, sans-serif; /*menu font styles*/  text-transform: uppercase;  color:#fff; /*menu font color*/ }  #menu li a:hover {  color:#ecd1d9; /*menu font color when hovering*/ }  

i entered #menu li item replace on sifr settings page, , used code:

.sifr-root { font-size:15px; font-weight:normal; color:#fff; } { text-decoration:none; color:#fff; } a:hover { color:#fff; } 

the font appears - not of styles specified above, , appears on blog in unexpected way. can see example @ address: www.laurenparkinson.com/blog

also, actual sub-menu items not appearing @ all.

you'll big favor ditching sifr @font-face supported in major browsers including ie since version 4 (more compatibility information: http://webfonts.info/wiki/index.php?title=@font-face_browser_support).

 @font-face {  font-family: myfont1;  src: url('myfont1.eot'); /*for ie*/  src: local('myfont1'), url('myfont1.ttf') format('truetype'); } @font-face {  font-family: myfont2;  src: url('myfont2.eot'); /*for ie*/  src: local('myfont2'), url('myfont2.ttf') format('truetype'); }  #header{  font-family: myfont1, georgia, times new roman, serif; }  #menu {  font-family: myfont2, verdana, arial, sans-serif; } 

just make sure fonts licensed embedding.

online eot converter: http://www.kirsle.net/wizards/ttf2eot.cgi


Comments

Popular posts from this blog

c++ - Convert big endian to little endian when reading from a binary file -

C#: Application without a window or taskbar item (background app) that can still use Console.WriteLine() -

unicode - Are email addresses allowed to contain non-alphanumeric characters? -