28172 sujets

CSS et mise en forme, CSS3

Police old english

Bonjour
Je souhaite incorporer dans un site la police Old English Text MT

Pour cela j'ai créé en css cette règle ci-dessous



<style type="text/css">
#Mymenu{
	color:#ff0000;
	   font-size:42px;font-family:"Old English Text MT", Verdana, serif;
	}
	
#Mymenu a{
   font-size:42px;font-family:"Old English Text MT", Verdana, serif;
   color: #ff0000;
   text-decoration: underline;
   text-align: center;
	}	
</style>

<div id="XDmenu"><a href="#">mon lien</a></div>


Seulement la police désiré ne s'affiche pas!

Avez vous une idée du pourquoi?

Merci d'avance
Modifié par stephane72 (09 Nov 2011 - 16:54)
Super la technique Smiley biggrin J'ai essayé et ca marche nikel sauf avec IE Smiley ohwell
Voici mon code :



<!DOCTYPE html>
<html>
	<head>
		<title>@font-face Demo</title>
		<style type="text/css">
			@font-face {
	font-family: "old english";
	src: url('oldengl.TTF');
}
@font-face {
	font-family: "old english";
	font-style: italic;
	src: url('oldengl.TTF');
}
@font-face {
	font-family: "old english";
	font-weight: bold;
	src: url('oldengl.TTF');
}
			h1, p {
			    font-family: 'old english', Helvetica, Arial, sans-serif;
			}
			h1 {
				font-size: 45px;
			}
			p {
				font-size: 18px;
				line-height: 27px;
			}
			#container{
				width: 800px;
				margin: 0 auto 0 auto;
			}
		</style>
	</head>
	<body>
		<div id="container">
			<h1>Lorem Ipsum...</h1>

			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

		</div>
	</body>
</html>
Ben tu n'as pas dû bien lire, je ne vois que des polices true types dans ton code, alors qu'il faut aussi des eot (IE<=8), des woff (navigateurs récents) et des svg (anciennes versions de webkit et Opera).


@font-face {
	font-family: 'MyFontFamily';
	src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), 
	     url('myfont-webfont.woff') format('woff'), 
	     url('myfont-webfont.ttf')  format('truetype'),
	     url('myfont-webfont.svg#svgFontName') format('svg');
	}


Smiley cligne
Modifié par Patidou (11 Nov 2011 - 18:11)
Patidou a écrit :



     url('myfont-webfont.svg#svg[b]FontName[/b]') format('svg');


Smiley cligne


A quoi correspond FontName ?
Sujet clos
Aller à