Archivi tag: stile

I font per il web

Css e (x)Html, , , , , ,

Vorrei riportare qui un articolo interessante riguardo alle scelte dei Font per l’uso sul web.

A tal proposito faccio una premessa: nell’articolo, che lascio intatto, viene citato il tag <font> ad oggi deprecato. Viene ancora gestito dagli attuali browser “in retro-compatibilità” ed è attualmente sostituito con gli appositi comandi dei Css (font, font-family, font-size etc, etc…)

Buona lettura.

caratteri pieni di fascino

Come tutte le persone che scrivono, la mia attenzione è sempre stata focalizzata soprattutto sulle parole. Che vuol dire contenuto, significato, suono, stile. Non ho mai dato troppa importanza al loro aspetto esteriore, al “vestito” che indossavano una volta presa la via della stampa. Ci voleva Internet, in cui forma e contenuto sono indissolubilmente legati, per farmi scoprire il significato e il fascino dei font.

precisiamo ….

Ad essere pignoli, “font” non è proprio la parola giusta. In italiano il termine corretto è “stile del carattere” e i più noti sono Arial, Times, Helvetica, Garamond. Sul vostro word processor lo scegliete attraverso l’apposito menu a tendina.
“Font”, in realtà, è un termine che designa l’intero set di caratteri di uno stile, ma si usa correntemente anche per lo stile stesso. E’ più breve e comodo, quindi lo userò anch’io.

Continua la lettura di I font per il web →

I commenti condizionali

Css e (x)Html, , , , ,

I commenti condizionali servono a far leggere a Internet Explore del codice Css che altrimenti verrebbe male interpretato con tutte le conseguenze negative sulla grafica.
Si tratta, come per i linguaggi di programmazione, di un costrutto if…then, quindi se una condizione è vera, allora dovrebbe accadere qualcosa. La sintassi del commento condizionale è come la seguente:
<!--[if espressione]> codice XHTML < ![endif]-->

Se “espressione” è vera, allora tale condizione verrà elaborata dal browser.

I  commenti condizionali che si possono usare in una pagina html sono legati o alla presenza di Internet Explorer oppure versione di Internet Explorer che si vuol verificare; i commenti condizionali si scrivono tra i tag  HEAD . Vediamoli ne dettaglio:
<!--[if IE]>....< ![endif]--> verifica se il browser è Internet Explorer, indipendentemente dalla versione.
<!--[if IE 5]>....< ![endif]--> verifica se il browser è Internet Explorer solo versione 5;
<!--[if gt IE 5]>....< ![endif]--> verifica se il browser è Internet Explorer, versione superiore alla 5;
<!--[if gte IE 5]>....< ![endif]--> verifica se il browser è Internet Explorer versione 5 o superiore;
<!--[if lt IE 6]>....< ![endif]--> verifica se il browser è Internet Explorer versione inferiore alla 6;
<!--[if lte IE 6]>....< ![endif]--> verifica se il browser è Internet Explorer versione 6 o inferiore;
<!--[if !IE 5.5]>....< ![endif]--> verifica se il browser è Internet Explorer versione diversa dalla 5.5.

In questo modo, dentro il commento condizionale, andrò ad inserire del codice Css che servirà a far elaborare a Internet Explorer le istruzioni grafiche a lui dedicate. Quindi verrà sovrascritto il Css principale solo dove si ridefiniscono i selettori uguali.