HTML odc. 5 font-weight nie działa

pytanie zadane 17 grudnia 2017 w HTML i CSS przez ildan91 Użytkownik (630 p.)
edycja 17 grudnia 2017 przez Comandeer

Witam serdecznie, mam taki problem, że ustawiając font-weight na 400 widzę, że faktycznie wygląda mi to na 700 a nie na 400. Chodzi tu dokladnie o stylizowanie h1. Proszę o pomoc:

HTML:

<body>

<header id="mainheader">
<h1 class="logo">Philosophia Blog</h1>
<nav>
<ol class="menu">
<li><a href="#">Strona główna</a></li>
<li><a href="#">Pierwszy raz tutaj?</a></li>
<li><a href="#">Dlaczego fiolofia?</a></li>
<li><a href="#">O autorze</a></li>
<li><a href="#">Kontakt</a></li>
</ol>
</nav>
</header>
<main>
<article>
<section>
<div class="categories">
<header>
<h1>Witaj w świecie filozofii!</h1><br>
<p>Czy jestes fanem das sa dsa d as dasd a das dasdasdasdasdsd  sd a ds ad sa d sad as d asd as ddssdasdas  sdasdasdasdasd sdasdsadasdasda sadsadasdasdsadasdas dsadasdasdasdasdasda sdasdasdasdasdas</p>
</header>
</div>
</section>

<section>
</section>

<section>
</section>

</article>

</main>
<footer>
</footer>
</body>
</html>

CSS:

body
{
    margin:0;
    background-color: #2F3336;
    color: #efefef;
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
}

.logo
{
    font-size:44px;
    font-weight:700;
    text-align:center;
    color:#ddd;
    text-transform:uppercase;
    letter-spacing:5px;
    margin-top:50px;
    margin-bottom:40px;
}

nav
{
    text-align:center;
    background:#1c7452;
    
}

    
    

ol
{list-style-type:none;
    padding:10px;
    font-size:18px;
    min-height:40px;
    line-height:200%;
    margin:0;
}
    
    
ol>li
{display:inline-block;

padding-left:20px;
border-right:2px dashed #fffdff;
padding-right: 20px;

    
}

ol>li:first-child
{border-left:2px dashed #fffdff;
    
}

ol>li>a
{text-decoration:none;
    color:white;
    
}

ol>li>a:hover
{
    color:blue;
    background-color:orange;
}

.categories
{margin-left:auto;
margin-right:auto;
text-align:center;
margin-top:20px;    
    width:950px;
}

h1
{
    font-size:44px;
    font-weight:400px;
    color:#39a5f1;
    margin-bottom:20px;
    
}

.categories
{
    width:950px;
    margin-left:auto;
    margin-right:auto;
    
}