incrustar fuente

• 

  jserranoarq · Miembro · noviembre 5, 2013 at 7:40 pm

  • Copiar enlace
  • Añadir tema a favoritos

  muy buenas,

  necesito incrustar unas fuentes para que desde cualquier ordenador se vea mi web con las fuentes elegidas, pero no se como conectarlas con wordpress, ya que necesito un url y para eso tengo que subirlas y no se como hacerlo.
  la definicion en css es esta, pero no consigo el url correcto.

  @font-face {
  font-family: “Arimo”;
  font-style:normal;
  src:
  url(“fuentes/Arimo/Arimo-Regular.eot”),
  url(“fuentes/Arimo/Arimo-Regular.ttf”) format(“truetype”);
  }

  muchas gracias

  El blog con el que necesito ayuda es (visible solo para usuarios conectados).

• 

  airodyssey · Moderador · noviembre 6, 2013 at 1:03 am

  • Copiar enlace

  No puedes incrustar tus propias fuentes en WordPress.com.
  http://en.forums.wordpress.com/topic/install-a-font-using-font-face-in-css?replies=5

  Sin embargo, puedes usar las que vienen con la opción Custom Design (si la has comprado), o las fuentes normales que tiene la mayoría de la gente (Arial, Times, Comic, etc.)

• 

  jserranoarq · Miembro · noviembre 6, 2013 at 12:22 pm

  • Copiar enlace

  creo que he conseguido incrustar mi propia fuente, de todas formas compruebalo.

  Un ejemplo:

  /* EOT para IE */
  /* TTF para el resto */

  @font-face {
  font-family: “Arimo”;
  font-style:normal;
  src:
  url(“fuentes/Arimo/Arimo-Regular.eot”),
  url(“fuentes/Arimo/Arimo-Regular.ttf”) format(“truetype”);
  }

  @font-face {
  font-family: “Arimo”;
  font-weight: bold;
  font-style:normal;
  src:
  url(“fuentes/Arimo/Arimo-Bold.eot”),
  url(“fuentes/Arimo/Arimo-Bold.ttf”) format(“truetype”);
  }

  @font-face {
  font-family: “Arimo”;
  font-style:italic;
  src:
  url(“fuentes/Arimo/Arimo-Italic.eot”),
  url(“fuentes/Arimo/Arimo-Italic.ttf”) format(“truetype”);
  }

  @font-face {
  font-family: “Arimo”;
  font-style:italic;
  font-weight: bold;
  src:
  url(“fuentes/Arimo/Arimo-BoldItalic.eot”),
  url(“fuentes/Arimo/Arimo-BoldItalic.ttf”) format(“truetype”);
  }

• 

  jserranoarq · Miembro · noviembre 6, 2013 at 12:23 pm

  • Copiar enlace

  para conseguir el url me conecto a través de FONTSQUIRREL y me creo mi propio url de la fuente o fuentes de manera gratuita.

• 

  airodyssey · Moderador · noviembre 6, 2013 at 12:31 pm

  • Copiar enlace

  ¿Y que pasa si alguien tiene Windows instalado en inglés o en francés? Su carpeta no se llamará «fuentes», sino «fonts» o «polices».

• 

  jserranoarq · Miembro · noviembre 6, 2013 at 12:54 pm

  • Copiar enlace

  entonces no hay manera de conseguirlo??? cambiando el html???

• 

  jserranoarq · Miembro · noviembre 6, 2013 at 12:56 pm

  • Copiar enlace

  mira, esta es la definicion que he escrito, puedes mirar a ver si salen las fuentes que he metido, porfavor

  /*incrustación de fuentes en el archivo css*/

  @font-face {
  font-family: ‘thisfontlookslikeelephantMd’;
  src: url(‘thisfontlookslikeelephant-webfont.eot’);
  src: url(‘thisfontlookslikeelephant-webfont.eot?#iefix’) format(‘embedded-opentype’),
  url(‘thisfontlookslikeelephant-webfont.woff’) format(‘woff’),
  url(‘thisfontlookslikeelephant-webfont.ttf’) format(‘truetype’),
  url(‘thisfontlookslikeelephant-webfont.svg#thisfontlookslikeelephantMd’) format(‘svg’);
  font-weight: normal;
  font-style: normal;

  }

  @font-face {
  font-family: ‘permanent_markerregular’;
  src: url(‘permanentmarker-webfont.eot’);
  src: url(‘permanentmarker-webfont.eot?#iefix’) format(‘embedded-opentype’),
  url(‘permanentmarker-webfont.woff’) format(‘woff’),
  url(‘permanentmarker-webfont.ttf’) format(‘truetype’),
  url(‘permanentmarker-webfont.svg#permanent_markerregular’) format(‘svg’);
  font-weight: normal;
  font-style: normal;

  }