Muchas gracias por tu respuesta Kseso! yo tanbién estoy pensando que sea alguna incompatibilidad con la fuente :S aunque en firefox si que funciona...
En cuando a lo de que dejo fuera varios navegadores, lose, en IExplore de momento no funciona, tenía pensando solucionarlo luego :) ¿Alguna sugerencia?
Aquí pego la página entera:
Código HTML:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="ajax.js"></script>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
google.load("jquery", "1.3.2");
</script>
<script src="../static/js/common.js" type="text/javascript" charset="utf-8"></script>
<script src="js/prettyCheckboxes.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="css/prettyCheckboxes.css" type="text/css" media="screen" title="prettyComment main stylesheet" charset="utf-8" />
<link rel="stylesheet" type="text/css" href="../../css/style.css" />
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$('#formulario input[type=checkbox],#radioDemo input[type=radio]').prettyCheckboxes();
$('.inlineRadios input[type=radio]').prettyCheckboxes({'display':'inline'});
});
</script>
<SCRIPT LANGUAGE=JavaScript>
<!--www.lawebdelprogramador.com-->
<!--
img1=new Image();
img1.src="../../images/grupo2.png";
img2=new Image();
img2.src="../../images/grupo.png";
img3=new Image();
img3.src="../../images/musico2.png";
img4=new Image();
img4.src="../../images/musico.png";
img5=new Image();
img5.src="../../images/micro2.png";
img6=new Image();
img6.src="../../images/micro.png";
function Cambia(refer,nueva) {document[refer].src=eval(nueva+".src") };
//-->
</SCRIPT>
<style type="text/css">
@font-face {
font-family: punteado;
src: url("../../fonts/V5PRD___.TTF");
format("truetype");
}
@font-face {
font-family: rayado;
src: url("../../fonts/edunline.ttf");
format("truetype");
}
p.local{
font-family: rayado;
font-size: 60px;
font-style: normal;
letter-spacing: normal;
color: #ac0909;
margin-top:0px;
margin-bottom:0px;
}
p.explicacion{
font-family: punteado;
font-size: 13px;
color: black;
margin-top:0px;
margin-bottom:0px;
align:justify;
}
p.registro{
font-family: punteado;
font-size: 18px;
font-style: normal;
color: black;
margin-top:0px;
margin-bottom:0px;
align:justify;
}
p.registro2{
font-family: punteado;
font-size: 10px;
font-style: normal;
color: black;
margin-top:0px;
margin-bottom:0px;
align:justify;
}
div#contenido{
width:400px;
height:450px;
border: dotted black 0px;
}
</style>
</head>
<body background="../../images/fondo.png">
<div style="border:solid 0px; margin-left:auto; margin-right:auto; margin-top:80px; width:900px;">
<table align="center" width="100%" border="0">
<tr><td align="center" width="395px">
<div id="imagen_formulario">
<img src="../../images/artistas.png" width="250px"/>
<p class="local">Artistas!</p>
<p class="explicacion"><strong>¿Qué eres?</strong> indícanos si sois<br/>
un grupo, eres un musico en<br/>
solitario o un cantante.</p>
</div>
</td>
<td align="center">
<div id="contenido">
<?php include "formulario_paso1.php"; ?>
</div>
</td></tr>
</table>
</div>
</body>
</html>
el problema está aquí
Código HTML:
<p class="explicacion"><strong>¿Qué eres?</strong> indícanos si sois<br/>
un grupo, eres un musico en<br/>
solitario o un cantante.</p>
La negrita sigue sin verse :S en chrome