Home/ Questions/Q 7545019
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-30T08:49:20+00:00

I’m having trouble with some CSS. Currently I’m using @fontface which works fine and

  • 0

I’m having trouble with some CSS.
Currently I’m using @fontface which works fine and dandy.
However for the times that it doesn’t I have implemented other fonts to be read however I’d like to style them all a bit differently.
For an example, if Rockwell is displayed I’d like the font-weight to be set to bold. But not if it is Times New Roman.
Furthermore, I’d only like the “letter-spacing: -4px;” to apply if Times New Roman is being displayed.

Is this even possible? And if so, please assist with some code.

h1{ font: 88px 'Chunkfive', Rockwell, Times New Roman, Georgia; letter-spacing: -4px; }
h1 span{ font: 88px Times New Roman, Georgia, serif; letter-spacing: -4px; }
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You have expressed yourself clearly, don’t worry.

    I do not think there is a direct solution, however in some cases you can use this workaround.

    1. Embed font.
    2. Detect if you succeed (http://www.lalit.org/lab/javascript-css-font-detect/)
    3. If yes/no add to <html> class="fontName" attribute.
    4. In CSS add special declarations, like .fontName body { font-weight:bold; } – be prepared it means a lot of work. Especially with bolding – keep in mind how does <strong> will look like.
    5. Good luck 😉

    As every workaround it has some issues – like JS availability and so on. Maybe it will work for you.

    • 0