Blog
Gestión de fuentes en Flex, técnica y malicias
8 years, 2 months ago Posted in: Blog Comments Off

Una parte delicada y curiosa de Flex es la gestión de las fuentes embebidas o incrustadas.
Incrustar una fuente en nuestra al¡aplicación puede cambiar dramáticamente el peso del swf generado. y especialmente si la web és multi-idioma podemos encontrarnos a recargar la aplicación de hasta un mega.. lo que trasforma una RIA en FIA (fat internet application)

Es importante al principio del proyecto, antes de ponerse a escribir código. fijarse en estas pocas cosillas

ANTES DE ABRIR FLASH O FLEX

  1. Comprueba que el diseñador no haya trabajado con fuentes inferiores a 8 pt en ningún momento ya que van a ser imposibles de leer
  2. Comprueba de paso que el tamaño del lienzo proporcionado sea el correcto, considera el tamaño de las ventanas!
  3. Comprueba que el diseñador nos esté pasando todas las fuentes que ha utilizado
  4. Comprueba que el diseñador nos esté pasando todas las fuentes compatibles con nuestra plataforma de desarrollo.
    a menudo pasa que el diseñador usa mac y el programador windows.. y entonces problemas. Esto se resuelve con el TRANSTYPE, (gracias manzanita)
  5. Comprueba dependiendo del tipo de proyecto y de vuestra conciencia vs. licencias.. las fuentes tienen copyright, dueño, licencia y un precio..
  6. Analiza el peso de las fuentes que va a utilizar y adoptar las estrategias de incrustado más convenientes, esto lo miraremos más adelante

FLEX 3 VS GUMBO

Con el nuevo motor de texto de FP10 en GUMBO cambiarán muchas cosas, así que si estaís gumbizados pasar de lo que sigue..

BUENAS COSTUMBRES

  • Compilar los css como swf, para su carga en runtime. desvinculamos así la fuente del peso de la aplicación, y agilizamos la compilación tambien!

    comodo tambien para aplicación con módulos
  • PESADILLAS DEL ÚLTIMO MINUTO

    Sin embargo pueden esconderse en esta tarea relativamente clara y sencilla unos problemas a veces críticos sobre todo por manifestarse ya en fase avanzada del proyecto.

    Durante mi último desarrollo, para la marca Sanofi-Aventis, www.escap-acs.com gestionado por Lexicnet me he encontrado con una fuente helvetica, de las condensed, que en los ficheros illustrator de referencia, enseñaba una negrita normal y corriente mientras en flex la negrita era impercebible.. el diseñador había forzado el aspecto de las negritas con las herramientas de texto de illustrator..

    LECTURAS

    Las lecturas que propongo sobre el tema son:

    1. Aaron West
    2. Interesante tambien desde flex examples
    3. Lo pone muy claro Ben Stucki

    Por ultimo, un extracto de los comentarios al post de Ben Stucki, fijarse en unicoderange!! esto mola especialmente si el diseñador da sido demasiado tipografico.

    Actionscript:
    1. @font-face {
    2.     src:url("../assets/MyriadWebPro.ttf");
    3.     fontFamily: myFontFamily;
    4.     flashType: true;
    5.     unicodeRange:
    6.         U 0041-U 005A, /* Upper-Case [A..Z] */
    7.         U 0061-U 007A, /* Lower-Case a-z */
    8.         U 0030-U 0039, /* Numbers [0..9] */
    9.         U 002E-U 002E; /* Period [.] */
    10. }

    Comments are closed.

    Image compression on this page is provided by WordPress Image Compressor