Re: [Ovillo] Dilema con la propiedad @font-face
excelente, gracias por la ayuda... El 15 de marzo de 2012 16:30, ReynierPM escribió: > Exacto debes subir la fuente en diferentes formatos y FontSquirrel hace > el trabajo de la conversion por ti e incluso te genera un CSS con la > propiedad @font-face ;) suerte > > On 3/15/2012 4:56 PM, Omar Palomino wrote: > > hola lista... disculpen la ignoancia en cuanto a este tema, pero viendo > las > > declaraciones quiere decir que debo subir tambien la misma fuente en > > diferentes formatos? y como transformo una fuente si solo la tengo en > otf o > > ttf ???... gracias! > > > > El 14 de marzo de 2012 17:38, javier montero >escribió: > > > >> De nada :) que bien que te haya servido! > >> -- > >> *Jose Javier Montero* > >> Web Developer > >> > >> Phone + 506.2.562.5000 | VoIP + 1.877.629.3682 > >> www.avventa.com > >> > >> avVenta Worldwide US | Costa Rica > >> ___ > >> Lista de distribución Ovillo > >> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > >> Puedes modificar tus datos o desuscribirte en la siguiente dirección: > >> http://lists.ovillo.org/mailman/listinfo/ovillo > >> > > > > > > > > -- > Ing. Reynier Perez Mira > eMail: reynie...@gmail.com, reynie...@hotmail.com > Skype: reynierpm > Mobile: +58 424.180.5609 > Site: http://reynierpm.site90.com > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > -- * Omar Palomino * - Diseñador Publicitario - M: 996.586.586 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Dilema con la propiedad @font-face
Exacto debes subir la fuente en diferentes formatos y FontSquirrel hace el trabajo de la conversion por ti e incluso te genera un CSS con la propiedad @font-face ;) suerte On 3/15/2012 4:56 PM, Omar Palomino wrote: > hola lista... disculpen la ignoancia en cuanto a este tema, pero viendo las > declaraciones quiere decir que debo subir tambien la misma fuente en > diferentes formatos? y como transformo una fuente si solo la tengo en otf o > ttf ???... gracias! > > El 14 de marzo de 2012 17:38, javier monteroescribió: > >> De nada :) que bien que te haya servido! >> -- >> *Jose Javier Montero* >> Web Developer >> >> Phone + 506.2.562.5000 | VoIP + 1.877.629.3682 >> www.avventa.com >> >> avVenta Worldwide US | Costa Rica >> ___ >> Lista de distribución Ovillo >> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >> http://lists.ovillo.org/mailman/listinfo/ovillo >> > > > -- Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynie...@hotmail.com Skype: reynierpm Mobile: +58 424.180.5609 Site: http://reynierpm.site90.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Dilema con la propiedad @font-face
hola lista... disculpen la ignoancia en cuanto a este tema, pero viendo las declaraciones quiere decir que debo subir tambien la misma fuente en diferentes formatos? y como transformo una fuente si solo la tengo en otf o ttf ???... gracias! El 14 de marzo de 2012 17:38, javier montero escribió: > De nada :) que bien que te haya servido! > -- > *Jose Javier Montero* > Web Developer > > Phone + 506.2.562.5000 | VoIP + 1.877.629.3682 > www.avventa.com > > avVenta Worldwide US | Costa Rica > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > -- * Omar Palomino * - Diseñador Publicitario - M: 996.586.586 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Dilema con la propiedad @font-face
De nada :) que bien que te haya servido! -- *Jose Javier Montero* Web Developer Phone + 506.2.562.5000 | VoIP + 1.877.629.3682 www.avventa.com avVenta Worldwide US | Costa Rica ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Dilema con la propiedad @font-face
Hola Javier y Jose Maria, al final termine usando FONTSQUIRREL y pasando el codigo generado a mi CSS :) y ahorita todo funciona perfectamente, gracias por las sugerencias no conocia esto de la vectorizacion en los diferentes navegadores, Saludos y gracias por todo Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynie...@hotmail.com Skype: reynierpm Mobile: +58 424.180.5609 Site: http://reynierpm.site90.com 2012/3/14 javier montero > Miren la declaración que te genera el FONTSQUIRREL, ademas de generarte el > css, basado en un tipo de fuente (Truetype, Opentype, etc) los archivos de > vectorizacion de las fuentes que los diferentes browsers utlizan: > > @font-face { >font-family: 'KomikaTitleRegular'; >src: url('KomikaTitle-webfont.eot'); >src: url('KomikaTitle-webfont.eot?#iefix') format('embedded-opentype'), > url('KomikaTitle-webfont.woff') format('woff'), > url('KomikaTitle-webfont.ttf') format('truetype'), > url('KomikaTitle-webfont.svg#KomikaTitleRegular') format('svg'); >font-weight: normal; >font-style: normal; > } > > El 14 de marzo de 2012 15:42, reynie...@gmail.com >escribió: > > > Hola Jose Maria, no entiendo que es lo que me sugieres. Yo tengo estas > dos > > definiciones de @font-face: > > > > @font-face { > >font-family: 'GrotesqueMTStd-ExtraCond'; > >src: local('GrotesqueMTStd-ExtraCond'), > > url('fonts/GrotesqueMTStd-ExtraCond.otf'), format('opentype'); > > } > > > > @font-face { > >font-family: 'LucidaSans-Regular'; > >src: local('LSANS'), url('fonts/lsans.otf'), format('opentype'); > > } > > > > Me dices que en el caso de LSANS cambie opentype por truetype? Eso? > > > > Ing. Reynier Perez Mira > > eMail: reynie...@gmail.com, reynie...@hotmail.com > > Skype: reynierpm > > Mobile: +58 424.180.5609 > > Site: http://reynierpm.site90.com > > > > > > 2012/3/14 Jose Maria Ruiz de Arbulo > > > > > Te lo digo de memoria pero creo que, además de que cada navegador > acepta > > o > > > no "cualquier tipografía", lo que suele ser más seguro es que nuestra > > > tipografía sea *truetype* y la especifiquemos (como lo haces en tu > caso) > > > como tal > > > > > > *format('truetype')* > > > > > > Dado que tu tipografía es *opentype* , por probar si es éste el > problema, > > > mira de cambiar, por ejemplo, por > > > Futura Condensed Light Thin, que, si bien todas las tipografías son > > > diferentes, te puede dar un referente de espacio parecido. > > > > > > P.D.: Nos cuentas si es el Truetype la solución a los navegadores. > > > > > > Saludos: José María > > > > > > El 14 de marzo de 2012 21:13, reynie...@gmail.com > > >escribió: > > > > > > > Buenas tardes a todos por aca: > > > > Estoy presentando un problema con el uso de la propiedad @font-face > de > > > > CSS3. Fijense en la imagen siguiente > http://www.dropmocks.com/mBhJ62si > > > > se > > > > dan cuenta tengo abierto 3 navegadores: Chrome 17.0.963.78, Firefox > > > 10.0.2 > > > > y Opera 11.61 B1250 y no se porque no me funciona la propiedad bien a > > no > > > > ser en Chrome que es donde unico se ve y aun asi para ello no todo > pues > > > lo > > > > que esta debajo de los textos "LA EMPRESA", "PRODUCTOS" tampoco se le > > > > aplica la propiedad. Aqui esta la web en cuestion: > > > > http://testexam.webatu.com/ alguna idea de que estoy haciendo mal? > > > > > > > > Saludos > > > > Ing. Reynier Perez Mira > > > > eMail: reynie...@gmail.com, reynie...@hotmail.com > > > > Skype: reynierpm > > > > Mobile: +58 424.180.5609 > > > > Site: http://reynierpm.site90.com > > > > ___ > > > > Lista de distribución Ovillo > > > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > > > > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > > > > http://lists.ovillo.org/mailman/listinfo/ovillo > > > > > > > ___ > > > Lista de distribución Ovillo > > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > > > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > > > http://lists.ovillo.org/mailman/listinfo/ovillo > > > > > ___ > > Lista de distribución Ovillo > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > > http://lists.ovillo.org/mailman/listinfo/ovillo > > > > > > -- > *Jose Javier Montero* > Web Developer > > Phone + 506.2.562.5000 | VoIP + 1.877.629.3682 > www.avventa.com > > avVenta Worldwide US | Costa Rica > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > ___ Lista de distribución Ovillo Para escribir a la lista, envi
Re: [Ovillo] Dilema con la propiedad @font-face
Miren la declaración que te genera el FONTSQUIRREL, ademas de generarte el css, basado en un tipo de fuente (Truetype, Opentype, etc) los archivos de vectorizacion de las fuentes que los diferentes browsers utlizan: @font-face { font-family: 'KomikaTitleRegular'; src: url('KomikaTitle-webfont.eot'); src: url('KomikaTitle-webfont.eot?#iefix') format('embedded-opentype'), url('KomikaTitle-webfont.woff') format('woff'), url('KomikaTitle-webfont.ttf') format('truetype'), url('KomikaTitle-webfont.svg#KomikaTitleRegular') format('svg'); font-weight: normal; font-style: normal; } El 14 de marzo de 2012 15:42, reynie...@gmail.com escribió: > Hola Jose Maria, no entiendo que es lo que me sugieres. Yo tengo estas dos > definiciones de @font-face: > > @font-face { >font-family: 'GrotesqueMTStd-ExtraCond'; >src: local('GrotesqueMTStd-ExtraCond'), > url('fonts/GrotesqueMTStd-ExtraCond.otf'), format('opentype'); > } > > @font-face { >font-family: 'LucidaSans-Regular'; >src: local('LSANS'), url('fonts/lsans.otf'), format('opentype'); > } > > Me dices que en el caso de LSANS cambie opentype por truetype? Eso? > > Ing. Reynier Perez Mira > eMail: reynie...@gmail.com, reynie...@hotmail.com > Skype: reynierpm > Mobile: +58 424.180.5609 > Site: http://reynierpm.site90.com > > > 2012/3/14 Jose Maria Ruiz de Arbulo > > > Te lo digo de memoria pero creo que, además de que cada navegador acepta > o > > no "cualquier tipografía", lo que suele ser más seguro es que nuestra > > tipografía sea *truetype* y la especifiquemos (como lo haces en tu caso) > > como tal > > > > *format('truetype')* > > > > Dado que tu tipografía es *opentype* , por probar si es éste el problema, > > mira de cambiar, por ejemplo, por > > Futura Condensed Light Thin, que, si bien todas las tipografías son > > diferentes, te puede dar un referente de espacio parecido. > > > > P.D.: Nos cuentas si es el Truetype la solución a los navegadores. > > > > Saludos: José María > > > > El 14 de marzo de 2012 21:13, reynie...@gmail.com > >escribió: > > > > > Buenas tardes a todos por aca: > > > Estoy presentando un problema con el uso de la propiedad @font-face de > > > CSS3. Fijense en la imagen siguiente http://www.dropmocks.com/mBhJ62si > > > se > > > dan cuenta tengo abierto 3 navegadores: Chrome 17.0.963.78, Firefox > > 10.0.2 > > > y Opera 11.61 B1250 y no se porque no me funciona la propiedad bien a > no > > > ser en Chrome que es donde unico se ve y aun asi para ello no todo pues > > lo > > > que esta debajo de los textos "LA EMPRESA", "PRODUCTOS" tampoco se le > > > aplica la propiedad. Aqui esta la web en cuestion: > > > http://testexam.webatu.com/ alguna idea de que estoy haciendo mal? > > > > > > Saludos > > > Ing. Reynier Perez Mira > > > eMail: reynie...@gmail.com, reynie...@hotmail.com > > > Skype: reynierpm > > > Mobile: +58 424.180.5609 > > > Site: http://reynierpm.site90.com > > > ___ > > > Lista de distribución Ovillo > > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > > > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > > > http://lists.ovillo.org/mailman/listinfo/ovillo > > > > > ___ > > Lista de distribución Ovillo > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > > http://lists.ovillo.org/mailman/listinfo/ovillo > > > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > -- *Jose Javier Montero* Web Developer Phone + 506.2.562.5000 | VoIP + 1.877.629.3682 www.avventa.com avVenta Worldwide US | Costa Rica ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Dilema con la propiedad @font-face
Hola Jose Maria, no entiendo que es lo que me sugieres. Yo tengo estas dos definiciones de @font-face: @font-face { font-family: 'GrotesqueMTStd-ExtraCond'; src: local('GrotesqueMTStd-ExtraCond'), url('fonts/GrotesqueMTStd-ExtraCond.otf'), format('opentype'); } @font-face { font-family: 'LucidaSans-Regular'; src: local('LSANS'), url('fonts/lsans.otf'), format('opentype'); } Me dices que en el caso de LSANS cambie opentype por truetype? Eso? Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynie...@hotmail.com Skype: reynierpm Mobile: +58 424.180.5609 Site: http://reynierpm.site90.com 2012/3/14 Jose Maria Ruiz de Arbulo > Te lo digo de memoria pero creo que, además de que cada navegador acepta o > no "cualquier tipografía", lo que suele ser más seguro es que nuestra > tipografía sea *truetype* y la especifiquemos (como lo haces en tu caso) > como tal > > *format('truetype')* > > Dado que tu tipografía es *opentype* , por probar si es éste el problema, > mira de cambiar, por ejemplo, por > Futura Condensed Light Thin, que, si bien todas las tipografías son > diferentes, te puede dar un referente de espacio parecido. > > P.D.: Nos cuentas si es el Truetype la solución a los navegadores. > > Saludos: José María > > El 14 de marzo de 2012 21:13, reynie...@gmail.com >escribió: > > > Buenas tardes a todos por aca: > > Estoy presentando un problema con el uso de la propiedad @font-face de > > CSS3. Fijense en la imagen siguiente http://www.dropmocks.com/mBhJ62 si > > se > > dan cuenta tengo abierto 3 navegadores: Chrome 17.0.963.78, Firefox > 10.0.2 > > y Opera 11.61 B1250 y no se porque no me funciona la propiedad bien a no > > ser en Chrome que es donde unico se ve y aun asi para ello no todo pues > lo > > que esta debajo de los textos "LA EMPRESA", "PRODUCTOS" tampoco se le > > aplica la propiedad. Aqui esta la web en cuestion: > > http://testexam.webatu.com/ alguna idea de que estoy haciendo mal? > > > > Saludos > > Ing. Reynier Perez Mira > > eMail: reynie...@gmail.com, reynie...@hotmail.com > > Skype: reynierpm > > Mobile: +58 424.180.5609 > > Site: http://reynierpm.site90.com > > ___ > > Lista de distribución Ovillo > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > > http://lists.ovillo.org/mailman/listinfo/ovillo > > > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Dilema con la propiedad @font-face
Te lo digo de memoria pero creo que, además de que cada navegador acepta o no "cualquier tipografía", lo que suele ser más seguro es que nuestra tipografía sea *truetype* y la especifiquemos (como lo haces en tu caso) como tal *format('truetype')* Dado que tu tipografía es *opentype* , por probar si es éste el problema, mira de cambiar, por ejemplo, por Futura Condensed Light Thin, que, si bien todas las tipografías son diferentes, te puede dar un referente de espacio parecido. P.D.: Nos cuentas si es el Truetype la solución a los navegadores. Saludos: José María El 14 de marzo de 2012 21:13, reynie...@gmail.com escribió: > Buenas tardes a todos por aca: > Estoy presentando un problema con el uso de la propiedad @font-face de > CSS3. Fijense en la imagen siguiente http://www.dropmocks.com/mBhJ62 si > se > dan cuenta tengo abierto 3 navegadores: Chrome 17.0.963.78, Firefox 10.0.2 > y Opera 11.61 B1250 y no se porque no me funciona la propiedad bien a no > ser en Chrome que es donde unico se ve y aun asi para ello no todo pues lo > que esta debajo de los textos "LA EMPRESA", "PRODUCTOS" tampoco se le > aplica la propiedad. Aqui esta la web en cuestion: > http://testexam.webatu.com/ alguna idea de que estoy haciendo mal? > > Saludos > Ing. Reynier Perez Mira > eMail: reynie...@gmail.com, reynie...@hotmail.com > Skype: reynierpm > Mobile: +58 424.180.5609 > Site: http://reynierpm.site90.com > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Dilema con la propiedad @font-face
Puede que se deba a que esta embedando el archivo de la fuente en un solo formato, y los diferentes motores renderizan diferentes formatos. Yo le aconsejaría usar http://www.fontsquirrel.com/ es full cross browsing. -- *Jose Javier Montero* Web Developer Phone + 506.2.562.5000 | VoIP + 1.877.629.3682 www.avventa.com avVenta Worldwide US | Costa Rica ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo