Tema: Incrustar tipografía en CSS
Ver Mensaje Individual
  #12 (permalink)  
Antiguo 12/02/2014, 16:19
jrtorvisco
 
Fecha de Ingreso: noviembre-2013
Mensajes: 23
Antigüedad: 10 años, 6 meses
Puntos: 0
Respuesta: Incrustar tipografía en CSS
Hola Jonni09_ te hice caso pero no embebe la fuente, te dejo el código. La ruta del CSS es directa ya que están en la misma carpeta, he añadido lo generado por fontsquirel en el CSS.

Código HTML, index.html:

Cita:
Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  3.     <head>
  4.         <title>Fluid Gallery</title>
  5.         <link rel="stylesheet" type="text/css" href="flashmo_210_style.css">
  6.         <style type="text/css">
  7.         <!--
  8.         html, body {
  9.             margin: 0;
  10.             padding: 0;
  11.             height: 100%;
  12.             overflow: hidden;
  13.             color: #FFF;
  14.             background-color: #000;
  15.             font-family:'helvetica35-thinthin';
  16.             font-size: 13px;
  17.         }
  18.         a:link, a:visited { color: #FF6; }
  19.         a:hover { color: #F6F; }
  20.         -->
  21.         </style>
  22.         <!-- embedding SWF -->
  23.         <script type="text/javascript" src="swfobject.js"></script>
  24.         <script type="text/javascript" src="swffit.js"></script>
  25.         <script type="text/javascript">
  26.             var flashvars = {};
  27.             flashvars.xml_file = "flashmo_259_photo_list.xml";
  28.             var params = {};
  29.             params.allowfullscreen = true;
  30.             var attributes = {};
  31.             attributes.id = "flashmo_template";
  32.             attributes.name = "flashmo_template";
  33.             swfobject.embedSWF("flashmo_259_fluid_gallery.swf", "flashmo_template", "100%", "100%", "9.0.0", false, flashvars, params, attributes);
  34.             swffit.fit("flashmo_template", 800, 480);
  35.         </script>
  36.         <!-- embedding SWF -->
  37.     </head>
  38.     <body>
  39.         <!-- flash gallery SWF -->
  40.             <div id="flashmo_template">
  41.                 <br /><br />
  42.                 <a href="http://www.flashmo.com" target="_blank">Free Flash Gallery</a>
  43.                 <br /><br />
  44.                 <a href="http://www.adobe.com/go/getflashplayer" target="_blank">
  45.                     <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
  46.                 </a>
  47.             </div>
  48.         <!-- flash gallery SWF --> 
  49.     </body>
  50. </html>


Ahora el archivo CSS, flashmo_210_style.css:

Código CSS: 
Ver original
  1. @font-face {
  2.     font-family:'helvetica35-thinthin';
  3.     src: url('fonts/helvetica35thin-webfont.eot');
  4.     src: url('fonts/helvetica35thin-webfont.eot?#iefix') format('embedded-opentype'),
  5.          url('fonts/helvetica35thin-webfont.woff') format('woff'),
  6.          url('fonts/helvetica35thin-webfont.ttf') format('truetype'),
  7.          url('fonts/helvetica35thin-webfont.svg#helvetica35-thinthin') format('svg');
  8.     font-weight: normal;
  9.     font-style: normal;
  10.  
  11. }
  12.  
  13. p {
  14.     font-family:'helvetica35-thinthin';
  15.     font-size: 12px;
  16.     color: #FFFFFF;
  17. }
  18.  
  19. a {
  20.     color: #CCFF00;
  21.     text-decoration: underline;
  22. }
  23.  
  24. a:hover {
  25.     color: #FF6633;
  26.     text-decoration: none;
  27. }
  28.  
  29. .title {
  30.     font-family:'helvetica35-thinthin';
  31.     font-size: 30px;
  32.     color: #FFFFFF;
  33. }
  34.  
  35. .subtitle {
  36.     font-family:'helvetica35-thinthin';
  37.     font-size: 18px;
  38.     color: #FFCC00;
  39. }
  40.  
  41. .highlight {
  42.     color: #CC99FF;
  43. }
  44.  
  45. .note {
  46.     font-family:'helvetica35-thinthin';
  47.     font-size: 11px;
  48.     color: #BBBBBB;
  49. }



Estoy cansado de buscar por la web alternativas de código, pero todo es lo mismo. A ver si alguien puede ayudar. Gracias