Hi zusammen,
ich habe mit css noch nicht viel am Hut gehabt und habe mittlerweile einige Tutorials angesehen, aber irdenwie bekomme ich es nicht hin das in meinem Menü die richtige Schriftart angezeigt wird.
Hoffe hier ist jemand der mir meinen Fehler erklären kann:
HTML Code:
<head>
<link rel="stylesheet" type="text/css" media="screen" href="css/stylesheet.css" />
<link href="https://fonts.googleapis.com/css?family=Alex+Brush" rel="stylesheet">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS Menu Builder</title>
</head>
<body>
<ul class="menu">
<li><a href="home.html" class="active" target="_parent"><span>Home</span></a></li>
<li><a href="ueber_mich.html" target="_parent"><span>über mich</span></a></li>
<li><a href="coaching.html" target="_parent"><span>Coaching</span></a></li>
<li><a href="rauch.html" target="_parent"><span>Räuchern</span></a></li>
<li><a href="lomi.html" target="_parent"><span>Lomi Lomi Nui</span></a></li>
<li><a href="kontakt.html" target="_parent"><span>Kontakt</span></a></li>
<li><a href="impressum.html" target="_parent"><span>Impressum</span></a></li>
</ul>
</body>
</html>
CSS
@import url('https://fonts.googleapis.com/css?family=Alex+Brush');
.menu{margin:0; padding:0; width:300px; list-style:none;background:rgb(255,255,255);}
.menu li{padding:0; margin:0 0 1px 0; height:40px; display:block; }
.menu li a{text-align:left;height:40px; padding:0px 25px; font-family: 'Alex Brush', cursive; color:rgb(255,255,255); display:block; background:url('../images/verMenuImages.png') 0px 0px no-repeat; text-decoration:none; outline:none;}
.menu li a:hover{background:url('../images/verMenuImages.png') 0px -40px no-repeat; color:rgb(255,255,255);}
.menu li a.active, .menu li a.active:hover{background:url('../images/verMenuImages.png') 0px -80px no-repeat; color:rgb(5,5,5);}
.menu li a span{line-height:40px;}
Warum wird die Alex Brush Schrift nicht angezeigt?
Danke im Vorraus