contras_t: Sonderzeichen werden trotz utf-8 falsch dargestellt

Beitrag lesen

Hej!

Ich arbeite gerade an meinem neuen online-Portfolio und habe ein Problem mit der Codierung.
Die ganze Sache läuft über Wordpress.

Der Link zur Seite: LINK

Die falsche kodierung fällt auf, wenn man etwas runterscrollt und in das Menü (wird sichtbar wenn man die Maus zum oberen Fensterrand führt) schaut. Vor den Menüpunkten (bisher testweise nur ein Link) habe ich per

  
#navigation_content a:before{  
 content: '\006958';  
 display:inline-block;  
 margin-right:5px;  
 -webkit-transition: -webkit-transform 0.3s ease-out;  
 -moz-transition: -moz-transform 0.3s ease-out;  
 -o-transition: -o-transform 0.3s ease-out;  
 -ms-transition: -ms-transform 0.3s ease-out;  
 transition: transform 0.3s ease-out;  
 }  

ein Zeichen eingefügt, eigentlich ein Dreieck, gezeigt wird aber irgendein chinesisches Schriftzeichen.

Mein Headbereich:

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//DE" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" lang="de">  
	<head profile="http://gmpg.org/xfn/11">  
		<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />  
		<title><?php wp_title(); ?> <?php bloginfo('name'); ?></title>  
		<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />  
		<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />  
		<link rel="stylesheet" type="text/css" href="//releases.flowplayer.org/5.4.3/skin/minimalist.css"><!-- flowplayer CSS -->  
		<link href="wp-content/themes/portfolio/jquery.bxslider.css" rel="stylesheet" type='text/css'/><!-- bxSlider CSS file -->  
		<link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'><!-- Schriftart -->  
		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script><!-- jQuery library (served from Google) -->  
		<script src="wp-content/themes/portfolio/jquery.bxslider.min.js" type="text/javascript"></script><!-- bxSlider Javascript file -->  
		<script src="wp-content/themes/portfolio/slider.js" type="text/javascript"></script><!--bxSlider js configurations -->  
		<script src="wp-content/themes/portfolio/navigation.js" type="text/javascript"></script><!-- Navigation ausblenden js script -->  
		<script src="//releases.flowplayer.org/5.4.3/flowplayer.min.js" type="text/javascript"></script><!-- flowplayer javascript component -->  
		<?php wp_head(); ?>  
	</head>  

Weiß jemand woran es liegt und wie ich es beheben kann?

Danke und LG

PS: Inhalt verlangt noch keine Beachtung! ;)