cesar, si no estoy mal para que te funcione en i-pads y i-phones necesitas la extensión .svg. Esa la consigues en el convertidor del sitio web que indicó Falcon Masters arriba.
Hola Falcon... no hay manera, el código es el siguiente @font-face { font-family:lato-black; src: url(fuentes/Lato-Black.ttf); } pero no me instala la fuente aunque mi carpeta de fuentes está dentro de la carpeta index.
Gracias es el unico tuto que me ha funcionado. Solamente debía quitarle las comillas luego del font-family: Yo usaba font-family: 'BLADRMF'; src: url('BLADRMF_.ttf') Pero era sin comillas y listo font-family: BLADRMF; src: url('BLADRMF_.ttf')
graciaz bro me as ayudado arto no sabia q tocaba crear otro .css para definir las fuentes ia me estaba aburriendo si no uviese sido por q me tope de primeras este video un saludo... suscrito !!
Tengo una consulta. Me funcionó a la perfección este tutorial. Pero apareció otro problema. Cuando quise ver la tipografía desde mi celular , blackberry y iphone, no se visualizó la tipografía. Que puedo hacer ahí? Saludos!
Hola tengo un problema que es que en mi pagina solo se ve la fuente en el texto h1 y no en los párrafos edit: probé poner p envés de h1 y ahora solo me funciona para los párrafos como hago para que me funcione para todo
@FalconMasters Carlos oye cuando tengas oportunidad coloca un tuto de XHTML, seguí todos tus videos de CSS y están chéveres todos muy bien explicados, si sabes de algún libro que reuna Xhtml y css avísame. hice el curso en aulaclic de html pero le falta información. Gracias por tu valioso aporte.
@FalconMasters mmm peo la sintaxis como debe de ir.. de esta forma se coloca 1.. @ font-face { font-family:harry; src:url(harry.ttf); } pero si tengo otro achivo ttf adonde debo de agregarlo luego de fontfamily? en otra linea como??
¿Recordaste cambiar la meta? Prueba poniendo esto al inicio del head: De esta forma el alfabeto aceptara códigos latinos, también comprueba que la fuente que quieras usar tenga está variedad de símbolos, hay algunos estilos de fuente que no incluyen letras con acento, la Ñ o caracteres especiales como "¿" O "¡"
Gracias FalconMasters, ya e encontrado el problema, no precisamente es lo que me indico, pero muchas gracias de todos modos, por otra parte me gustaría saber al gun programa para convertir las fuentes, que sea un programa comprensible si es k usted tiene uno. Gracias, saludos.
Hola Buenas noches, excelente tu tutorial. Te cuento que lo hice y me funciono de manera local. Ahora cuando lo subi a mi hosting (todos los recursos incluyendo los ttf) lo probe pero en produccion no me muestra la fuente que debe ser. Lo probe en chrome, IE firefox, y nada. Localmente si me funciona :( Puedes por favor orientarme? A la espera de tu valiosa respuesta.
Gracias FalconMasters, me sirvió de mucho eee, me gustaría saber si para php se usas igual las fuentes, cuando salga tutoriales parecidos, por favor etiquetame. Bueno soy un poco nuevo en el tema. Gracias, saludos.
amigo pero como hago para que la fuente le aparezca a otras personas en otras partes del mundo. Te explico, estoy trabajando un newsletter en Dreamweaver, y necesito utilizar una fuente especial, luego el newsletter lo enviaré por Mailchimp, y necesito que esa fuente se vea en la PC de todos los clientes a los que le enviaré el newsletter.
esto solo funciona si la fuente se tiene instalada en el computador? es decir si se sube al hosting oficialmente... el resto de personas lo podran ver si no las tienen instaladas? o me tocaria en ese caso referenciarlas desde google font?
hola! muchas gracias por este video! lamentablemente quise instalar una fuente en blogger siguiendo tu tutorial y no me salió, que recaudos tengo que tener en cuenta? saludos!
si tengo convertido el mismo archivo en .woff y .woff2 se puede cambiar el nombre en la font-family para distinguirlos o debe ser igual a como se llama el archivo?
Como se puede hacer eso pero en wordpress? alguien sabe? tengo un detalle con mi programador, le pase el diseño pero forzosamente quiere usar types de google fonts, ¿Hay alguna manera de usar las fontos originales del proyecto gráfico?
Muy bueno amigo, bueno tengo un problema con @font-face, le he realizado como usted lo hace, pero al momento de publicarla las fuentes no salen, pero abriendo desde mi carpeta local si los puedo ver, me gustaria saber que es lo que pueda estar haciendo mal, actualmente uso dreanweaver cs5, Gracias, saludos.
@sodwerooo claro colega, la fuente que uso en el tutorial se llama Tangerine, y si quieres te dejo el link de descarga en la descripcion del video :) saludos
Creo que cometistes un error cuando creastes "ESTILOS.CSS" no importastes "FUENTES.CSS" y la razon por la cual siempre te sirvio fue xq en el "INDEX.HTML" habias Direccionado a la hoja de estilos "FUENTES.CSS" ---> @import url("fuentes.css");
despues me fije el año jaja tanto le importaba el explorer queria saber si puedo agregarlo con una url externa como lo haria @import agregando fontgoogle
Excelente, mira programas para convertir las fuentes no conozco, yo lo que hacia era convertirlas mediante este sitio web, es sencillo de usar.(triple W punto)fontsquirrel (punto) com
@azrageraz es igual, colocas la otra fuente en tu servidor, e igualmente repites la regla espero me haigas entendido, de todos modos si tienes dudas mandame un mp :) saludos
Usando el Subline text lo puse así yo: @font-face { font-family: 'LostinWild'; src: url('font/LostinWild.woff'); font-weight: normal; font-style: normal; } Y ME FUNCIONE EN CHROME Y EXPLORER
no me funciona, ni con una ni con otra, con ninguna estoy usando Sublimet text version 3 :v alguien puede ayudarme? (Nota: ademas de ello estoy usando Bootstrap espero esto no afecte con las fuentes.)
Debes agregarlo correctamente y poner la ubicación exacta,este es un ejm.. @font-face{font-family:'geo'; font-style:normal; font-weight:400; src:local("geo"), local("geo"), url(../fonts/geo.ttf) format('truetype');}