Home/ Questions/Q 3976116
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T04:45:58+00:00

I am using the css above to style my h1 and it works good

  • 0

I am using the css above to style my h1 and it works good on most browsers except opera that changes the positioning a lot:

h1{
    position:fixed;
    left:5px;
    top:5px;
    color:#111;     
    font-family:'Josefin Sans', Arial, serif;
    font-size:3.3em;
    margin:0px;  
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 0px;;

}

I tried replacing h1’s with h2’s and everything works nice on all browsers again even positioning in opera seems to be good, but now the font-size is not good and the font used is probably browsers default…Is there something I should know about heading in opera that I don’t?please advice…!
all other browsers:
enter image description here

opera:
enter image description here

EDIT:
the main problem seems to be that it doesn’t implement a font I have used from google(that all other browsers do…) but it implements another really similar on above…

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Have you tried using pixels for the font-size instead of em? Maybe Opera interprets em differently than other browsers…

    EDIT – Using em for the font size was not the issue. Neither was the position:fixed attribute. Here was the solution:

    problem solved after I removed ‘Josefin Sans’, and then had them back again…now opera presents with backup fonts, I think the problem was a stupid combination of Cache and of Opera being incapable to load a google font for h1

    • 0