Comunidad de diseño web y desarrollo en internet online

Tipo de letra

Citar            
MensajeEscrito el 04 Dic 2012 07:24 pm
Hola amigos he diseñado una web con un tipo de letra "estrangelo edessa" y resulta que en varios navegadores no se peude ver y afecta mi diseño he leido sobre el @font-face pero para el tipo de letra en mencion no logro aplicarla por mas que busco y busco si alguien supiera que codigo pondria para que ese tipo de letra se vea en todos los navegadores, gracias

Por jarvito

33 de clabLevel



Genero:Masculino  

chrome
Citar            
MensajeEscrito el 04 Dic 2012 08:15 pm
De el .ttf que tienes instalado, genera los otros tipos.

http://www.fontsquirrel.com/fontface/generator

Por nasho

Claber

908 de clabLevel

1 tutorial

Genero:Masculino  

Web Developer

chrome
Citar            
MensajeEscrito el 04 Dic 2012 11:15 pm
Hola gracias y entre a esa direccion y converti mi texto osea su formato bueno me acomodo el texto ya que no se vio mas abajo pero no me mantuvo el tipo de letra que le puse al inicio osea cambio la letra para mas informacion te paso elcodigo que le puse:

@font-face
{
font-family: "Cristalab";
src: url("Estrangelo Edessa.eot");
src: url("Estrangelo Edessa.eot?#amocristalab") format("embedded-opentype"),
url("Estrangelo Edessa.woff") format("woff"),
url("Estrangelo Edessa.ttf") format("truetype"),
}
h2 {
font-size:21px;
font-family:"Cristalab";
color:#F00;
font-style:!important;
align:center;
}
p {
font-size:19px;
font-family:"Cristalab";
font-style:!important;
color:#000;
}

Por jarvito

33 de clabLevel



Genero:Masculino  

chrome
Citar            
MensajeEscrito el 05 Dic 2012 03:05 am
los archivos que genero, es decir, los formatos de texto, los pusiste en la misma carpeta que el html?

Por nasho

Claber

908 de clabLevel

1 tutorial

Genero:Masculino  

Web Developer

chrome
Citar            
MensajeEscrito el 05 Dic 2012 11:43 am
Los nombres de los archivos no pueden llevar espacios...

Por HtrMancera

Claber

342 de clabLevel

1 tutorial

Genero:Masculino  

Front-end Developer

chrome
Citar            
MensajeEscrito el 05 Dic 2012 03:00 pm
Entonces seria asi:
@font-face
{
font-family: "Cristalab";
src: url("EstrangeloEdessa.eot");
src: url("EstrangeloEdessa.eot?#amocristalab") format("embedded-opentype"),
url("EstrangeloEdessa.woff") format("woff"),
url("EstrangeloEdessa.ttf") format("truetype"),
}

Por jarvito

33 de clabLevel



Genero:Masculino  

chrome
Citar            
MensajeEscrito el 05 Dic 2012 05:10 pm
Viste el html demo que hay dentro del zip generado?

Abre ese en el navegador y dínos si se ve el tipo de fuente.

Por nasho

Claber

908 de clabLevel

1 tutorial

Genero:Masculino  

Web Developer

chrome
Citar            
MensajeEscrito el 05 Dic 2012 06:11 pm
mmm a que archivo zip generado te refieres y si es asi en que ruta por defecto se ubica disculpa la ignorancia

Por jarvito

33 de clabLevel



Genero:Masculino  

mozilla
Citar            
MensajeEscrito el 05 Dic 2012 06:23 pm

Por Gamernoob

71 de clabLevel



Genero:Masculino  

Front-end :D

chrome
Citar            
MensajeEscrito el 05 Dic 2012 07:38 pm
y dime ese zip por defecto en que directorio de la PC se ubica al generarse

Por jarvito

33 de clabLevel



Genero:Masculino  

mozilla
Citar            
MensajeEscrito el 05 Dic 2012 07:50 pm
en el directorio de descarga que tiene configurado en tu navegador .

Por Gamernoob

71 de clabLevel



Genero:Masculino  

Front-end :D

chrome
Citar            
MensajeEscrito el 05 Dic 2012 08:01 pm

Por jarvito

33 de clabLevel



Genero:Masculino  

mozilla
Citar            
MensajeEscrito el 05 Dic 2012 08:35 pm
Lo que tiene que hacer entra a la pagina (http://www.fontsquirrel.com/fontface/generator)
-marcas el boton add fonts y agregas la fuente que quiere poner en tu web
-marcas una de las opciones, aceptas los terminos y apretas download kit y se descargara un archivo
.zip
-dentro del .zip hay varios archivos copias los archivos (.eot .ttf .woff . svg) a la carpeta de tu sitio
-dentro del zip hay un archivo stylesheet.css donde esta el codigo css que tiene que agregar
y listo

Por Gamernoob

71 de clabLevel



Genero:Masculino  

Front-end :D

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.