SPIP

[ar] [bg] [ca] [cpf] [cs] [da] [de] [en] [eo] [es] [eu] [fa] [fon] [fr] [gl] [id] [it] [ja] [lb] [nl] [oc] [pl] [pt] [ro] [sv] [tr] [vi] [zh] Espace de traduction

Baixar la darrera versió d'SPIP

SPIP 1.9.2 SPIP 1.9.2

Imatges tipogràfiques

Títols gràfics amb la font desitjada

Març de 2006 — actualitzat : Desembre de 2007

Totes les versions d'aquest article:


[ SPIP 1.9, GD2 i Freetype]
Si GD2 i Freetype estan instal·lats al vostre lloc Web [1], SPIP pot crear, ell mateix, imatges a partir dels títols (o qualsevol altre element de la base de dades) emprant fonts de la vostra elecció.

La funció que realitza aquest efecte és image_typo. La present pàgina us presentarà les diferents variables que es poden emprar amb aquesta funció.

Si no expliciteu cap variable, image_typo utilitzarà la font per defecte donada per SPIP: Dustismo, una font GPL de Dustin Norlander. Figura en la subcarpeta polices de la carpeta dist (en les versions precedents d’SPIP, es tractava de la carpeta ecrire).

police

Podeu indicar el nom d’un tipus de lletra o font diferent, prèvia la seua instal·lació en el vostre servidor.

(Dustismo-bold també és lliurada amb SPIP.)

En teoria, podeu emprar nombrosos formats de font: TrueType, PostScript Type 1, OpenType... Segons la configuració del vostre servidor, és possible que alguns formats no estiguen acceptats.

Les fonts han d’estar instal·lades dins d’una subcarpeta /polices de la carpeta que contingui els vostres esquelets.

Si instal·lem, per exemple, un fitxer TrueType així:
polices/stencil.ttf
és possible emprar aquesta nova font [2]

taille

Es pot determinar la mida de presentació de la font. Això es fa amb la variable taille.

Nota: no s’escriu «36pt», s’indica solament «36», sense indicació de la unitat.

couleur

Aquesta variable permet indicar el color. Per defecte el resultat és negre. Aquesta variable és un color RVB hexadecimal, sempre amb el format «3399BB». Noteu: s’omet el «#» que precedeix habitualment aquest tipus de codi de color.

largeur

La variable largeur permet fixar la amplària màxima de la imatge. Anoteu bé: aquest és un valor màxim; la imatge real és «reajusta» de forma automàtica, per tal d’adoptar les dimensions del text realment composat.

El primer bloc de sota està composat amb una amplària màxima de 300 píxels, el segon amb una amplària de 400 píxels.

align

La variable align permet forçar l’alineació de varies línies de text (com en aquest cas) a l’esquerra, a la dreta o al centre. Excepcionalment, emprem ací una sintaxi anglesa, propera a la que s’usa en els fulls d’estil.

hauteur_ligne

hauteur_ligne permet fixar l’alçada entre cada una de les línies del text (en el cas que la imatge tingui vàries línies).

padding

Algunes fonts «sobrepassen» l’espai que tenen assignat, obtenint-se un efecte desastrós (fonts «tallades»). La variable padding permet, excepcionalment, forçar un espai suplementari al voltant del resultat tipogràfic.

Filtrar la imatge

El resultat de image_typo és una imatge, per tant se li pot aplicar filtres d’images. Per exemple, a continuació, es retorna la imatge semi-transparent o se li aplica una textura.

P.-S.

N.B.1. La imatge creada per image_typo té el format PNG 24 amb una capa alpha per a realitzar la transparència. Per forçar Microsoft Explorer a mostrar correctament aquesta transparència, SPIP empra un tipus de full d’estil específic, format_png, definit a spip_style.css; aquest crida un «comportament» (behavior) que fa que la visualització sota MSIE sigui possible. Així doncs, un cop més, és interessant que integreu el spip_style.css estàndard a les pròpies plantilles, amb la llibertat d’afegir-hi els estils propis que vulgueu.

N.B.2. La inclusió de certes fonts (en particular les angleses i certes itàliques) és problemàtica. Les tècniques de renderització tipogràfica en el GD2 estan, evidentment, encara en desenvolupament (trobem errors sobre errors en aquest aspecte). Esperem que les funcions GD2 progresseran ràpidament.

N.B.3. Àrab, farsi, hebreu? Malauradament: no! Ens trobem de moment amb dues dificultats que no permeten proposar una solució «pròpia» per a la visualització de l’hebreu i de l’àrab.
— En primer lloc, la gestió de la visualització bidireccional no està assegurada per GD2; per tant, no és possible per l’instant crear imatges tipogràfiques per cadenes que s’escriuen de dreta a esquerra.
— Per a l’àrab (i el farsi), els lligams no son generats. En particular: els lligams d’OpenType són purament i simple ignorats.

Notes

[1] GD2 és una extensió gràfica de PHP que permet moltes manipulacions d’imatges. Freetype, generalment instal·lat amb GD2, és l’extensió que insereix text en una imatge a partir d’un fitxer de font, Truetype o Postscript. En cas de dubte, demaneu al vostre hostatjador si GD2 està instal·lat.

[2] Atenció: si no protegiu aquesta carpeta (amb un htaccess per exemple),, el vostre fitxer de font serà accessible des de la Web. Si empreu fonts comercials, tingueu això en compte, per a no redistribuir les fonts per a les quals no esteu autoritzats.


Descarregar l'esquelet d'aquesta pàgina Lloc Web fet amb l'SPIP | Espai de traducció | Espai privat