Search code examples
textbackgroundsifrselected

sIFR selected text background

It seems to me that sIFRed text when selected allways have black background. My site design is dark (mostly black). So when use select sIFRed text it looks like nothing happens, it is selected but no one can see that cause both site and selected text background are black. Normal text have white or some kind of dark-green color depending on font color.

How to change color of selected text background?

Solution

  • After all those years things has changed. Best way to do it now is to omit sIFR, cufon and others and use just CSS @font-face. Best with fallbacks e.g.: 

    @font-face {
    font-family: 'font-name';
    src: url('fonts/font-name.eot');
    src: url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
         url('fonts/font-name.woff2') format('woff2'),
         url('fonts/font-name.woff') format('woff'),
         url('fonts/font-name.ttf') format('truetype'),
         url('fonts/font-name.svg#fontname') format('svg');
    font-weight: normal;
    font-style: normal;
}

    Always fresh things about that can be (and probably will be in a future) found at http://www.fontsquirrel.com/