Pues yo tengo una broncata lo unico que necesito es montar una fuente que tengo en el server para que cualquier usuario con cualquier navegador la vea pero no lo logro aqui todos los ejemplos pero minguno a funcionado solo el primero pero tuve que cargar la fuente manual mente a mi equipo SO que uso linux.
Esqpero que alguien haya ya echo un ejemplo y me puedan echar una mano la verdad llevo mucho tiempo buscando pero nada
Código:
@font-face
{
font-family: calibri;
src:url(//:) format("No-IE-404"), url('http://solteci1/SFWT/fonts/calibri.ttf') format("truetype");
}
Este funciona en linux si monto la fuente a mi equipo osea que no tiene sentido
y todos estos son los que he encontrado pero ninguno a funcionado
Código:
@font-face {
font-family: 'calibri';
src: url('calibri.eot');
src:url(//:) format("No-IE-404"),url('fonts/calibri.woff') format('woff'), url('fonts/calibri.ttf') format('truetype'), url('fonts/calibri.svg#Calibri') format('svg');
src: local('Calibri Regular'), local('Calibri'), url('fonts/calibri.woff') format('woff'), url('fonts/calibri.ttf') format('truetype'), url('fonts/calibri.svg#Calibri') format('svg');
}
otro
Código:
@font-face
{
font-family: calibri;
src:url(//:) format("No-IE-404"), url('http://ventgas/SSFF/fonts/calibri.otf') format("opentype");
}
otro.
Código:
@font-face {
font-family: 'calibri';
src: url('fonts/calibri.eot');
src: local('Calibri Regular'), local('Calibri'), url('fonts/calibri.woff') format('woff'), url('fonts/calibri.ttf') format('truetype'), url('fonts/calibri.svg#Calibri') format('svg');
}
por mcierto cuando valide mi css me marco este error
La propiedad src no existe : url("http://www.mipagina.com/wis/fonts/calibri.ttf") format("truetype") url("http://www.mipagina.com/wis/fonts/calibri.ttf") format("truetype")
lo hize en la pagina de Servicio de Validación de CSS del W3C
otro
Código:
@font-face
{
font-family: calibri;
src:url('//:') format("No-IE-404"), url('http://ventgas/SSFF/fonts/calibri.ttf') format("truetype");
}
otro
Código:
@font-face
{
font-family: 'calibri';
src:url(//:) format("No-IE-404"), url(onts/calibri.ttf) format("truetype");
}
come veran ya hize todas las posibilidades con comas sin comas con espacios con apostrofes y nada por eso es que me acerco con ustedes que muchas veces ya han tenido esas complicaciones gracias de antemano y espero que esto sirva a algunos
en otra pagina encontre tambien que mi servidor tenia que tener esta configuracion
Código HTML:
<FilesMatch "\.(ttf|otf)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>
tambien dejo este link aqui pude convertir a tipos de fuentes svg ttf odt woff para diferentes navegadores pero tampoco . es muy buen generador
Código HTML:
http://www.fontsquirrel.com/fontface/generator
y estos son algunos de los links que use
https://developer.mozilla.org/en/CSS/@font-face
http://readableweb.com/mo-bulletproofer-font-face-css-syntax/
http://www.zeldman.com/2009/12/02/bulletproof-font-face/
http://typophile.com/node/63992
http://forums.matrix.squiz.net/index.php?showtopic=6791&st=15
http://markmail.org/message/ytlqhvoyk6dyzxvl
http://readableweb.com/mo-bulletproofer-font-face-css-syntax/
http://www.w3.org/TR/css3-fonts/
https://developer.mozilla.org/en/CSS/@font-face
http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/
http://nicewebtype.com/notes/2009/10/30/how-to-use-css-font-face/
http://home.tiscali.nl/developerscorner/fdc-varia/font-embedding.htm
http://www.cssblog.es/sintaxis-de-font-face/
http://nova-group.se/test/fonts/
etc...
bueno pues aquí dejo todo esto y haber si alguien pudiera echarme la mano
gracias de antemano
