En mi hoja de estilos tengo:
Código :
@charset "utf-8"; /* CSS Document */ @font-face { font-family:"BebasNeueRegular"; src: url("BebasNeue-webfont.eot"); src: url("BebasNeue-webfont.eot?#iefix") format('embedded-opentype'), url("BebasNeue-webfont.woff") format('woff'), url("BebasNeue-webfont.ttf") format('truetype'), url("BebasNeue-webfont.svg#BebasNeueRegular") format('svg'); h3 { font-family: "BebasNeueRegular", Arial, Helvetica, sans-serif; } }
En el html:
Código HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Tejada y Mutis - Inicio</title> <link href="styles.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".accordion h3:first").addClass("active"); $(".accordion div").hide(); $(".accordion h3").click(function(){ $(this).next("div").slideToggle("fast") .siblings("div:visible").slideUp("fast"); $(this).toggleClass("active"); $(this).siblings("h3").removeClass("active"); }); }); </script> </head> <body> <div id="cabezote"><!--abre cabezote--> <div class="navegacion"><img src="images/logo.png" width="300" height="57" alt="Logo" /> <?php include("menu.php"); ?> </div> </div><!--cierra cabezote--> <div id="contenedor"><!--abre contenedor--> <div id="contenido"><!--abre contenido--> <div class="accordion"><!--abre acordeon--> <h3 class="crepes">contenido1</h3> <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada, ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.</div> <h3 class="cms">contenido1</h3> <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada, ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.</div> <h3 class="clg">contenido3</h3> <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada, ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.</div> <h3 class="superficies">contenido4</h3> <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada, ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.</div> <h3>contenido5</h3> <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada, ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.</div> </div><!--cierra acordeon--> </div><!--cierra contenido--> </div><!--cierra contenedor--> </body> </html>
Lo que necesito es que los (h) adopten esta fuente
Las fuentes estan al mismo nivel de estos archivos sueltas
Muchas gracias.