E siamo arrivati a 1000 post
Allora eccoci qua alla mia prima pillola,
in questa pillola si ricapitoleranno tutte le tecniche e i consigli sull'uso dei caratteri e delle tag per il loro uso.
1. TAG universali HTML per la scrittura
2. TAG universali CSS per la scrittura (come bloccare la dimensione dei font con i browser, link)
3. Lista font sistemi operativi principali
4. Lista caratteri speciali
5. Consigli sull'uso dell'html per le classi
6. Si può usare un proprio font nelle pagine che facciamo?
--------------------------------------------------
1. TAG universali HTML per la scrittura:
Qui troverete la sintassi html universale (dai primi browser a oggi) per formattare un testo
<FONT color="#0000ff" face="Arial, Helvetica" size="3">testo formattato</FONT>
<FONT></FONT> == tag deprecata dal w3 però è ancora la più universale essendo la più vecchia
color="" == questo è il parametro per il colore del testo di solito viene dato in RGB con il metodo #RRGGBB
face="" == il font utilizzato, per vedere la lista font andare a capitolo 3
size="" == la dimensione del font, va da 1 a 7
questà è la formattazione base universale, che parte dall'HTML 1.0
--------------------------------------------------
2. TAG universali CSS per la scrittura
Molti post nel forum chiedono come formattare meglio un testo o come bloccarne la dimensione tra i browser.
Qui bisogna entrare però nel CSS, e in questa pillola vi illustrerò i 2 metodi migliori
la sintassi universale è questa (la tag STYLE va inserita nell HEAD)
<STYLE type="text/css">
FONT{
font-family : Arial, Helvetica, sans-serif;
color : #0000FF;
font-size : 10px;
font-style : normal;
font-weight : normal;
letter-spacing : 1px;
line-height : 16px;
text-decoration : none;
}
</STYLE>
in questo caso abbiamo modificato le proprietà universali di FONT quindi ogni volta che utilizzeremo FONT nel nostro html prenderà queste proprietà
font-family: arial; == il font utilizzato, vedi capitolo 3
color : #0000FF; == il colore del font secondo metodo RGB
font-size : 10px; == la dimensione fissa del font in px, è possibile metterla anche in punti o percentuale, ma è meglio lasciarla in px
font-style : normal; == stile del font (normal, italic, oblique)
font-weight : normal; == lo spessore del font, va da lighter a normal a bold, di solito per motivi di compatibilità (presenza di font nel sistema) si usa normal o bold
letter-spacing : 1px; == lo spazio tra una lettera è l'altra, di solito non si mette nemmeno perchè i font si adattano carattere dopo carattere, ma aiuta in lunghi testi a scandire meglio le parole
line-height : 16px; == l'interlinea tra una riga è l'altra, serve per migliorare la leggibilità, di solito per un font 10px si setta a 16 px
text-decoration : none; == le decorazioni sul testo, di solito si imposta su none ma è possibile farlo: underline, overline, line-through, blink (non va con explorer)
esiste anche la possibilità di inserire delle classi di font.
<STYLE type="text/css">
.nome_a_caso{
font-family : Arial, Helvetica, sans-serif;
color : #0000FF;
font-size : 10px;
font-style : normal;
font-weight : normal;
letter-spacing : 1px;
line-height : 16px;
text-decoration : none;
}
</STYLE>
in questo caso non modifichiamo i settaggi di nessuna tag ma creiamo dei settaggi universali che possono essere richiamati nelle tag
<FONT class="nome_a_caso">testo formattato</FONT>
<TD class="nome_a_caso">testo formattato</TD>
<P class="nome_a_caso">testo formattato</P>
per i link bisogna modificare le tag con questi nomi
A:link{...} == i link normali
A:visited{...} == i link visitati
A:hover{...} == quando passi sopra i link
è anche possibile fare delle classi e richiamarle come abbiamo gia visto facendo
A.nome_a_caso:link{...}
A.nome_a_caso:visited{...}
A.nome_a_caso:hover{...}
--------------------------------------------------
3. Lista font sistemi operativi principali
Mac OS 7/8/9
times
courier
helvetica
symbol
chicago
new york
geneva
monaco
palatino
charcoal
Windows 95
arial
comic sans MS
courier new
marlett
symbol
rimes new roman
wingdings
Windows 98
abati MT
arial
arial black
book antiqua
calisto MT
century gothic
courier new
impact
lucida console
lucida handwriting
lucida sans
lucida sans unicode
marlett
news gothic
ocra
symbol
tahoma
times new roman
verdana
webdings
westminster
wingdings
Windows NT
arial
courier new
lucida console
lucida sans unicode
symbol
times new roman
wingdings
UNIX
charter
clean
courier
fxed
helvetica
lucida
lucida bright
lucida type writer
new century schoolblook
symbol
terminal
timas
utopia
Font supplementari da applicazioni
Internet explorer 4/5 mac/win
andale mono
arial
arial black
comic sans MS
georgia
impact
trebuchet MS
verdana
webdings
Adobe Acrobat 5
adobe sans MM
adobe serif MM
arial bold italic
aial bold MT
arial MT
courier
courier bold
courier bold oblique
curier oblique
symbol
times new roman PS
zapf dingbats
e la combinazione più universale tra i vari sistemi operativi è:
Verdana, Arial, Helvetica, courier, sans-serif
--------------------------------------------------
4. Lista caratteri speciali
esistono dei caratteri che vanno inseriti in una codifica speciale chiamata Entità derivata dall ASCII, qui sotto un elenco:
!!! riunificate &..., li ho dovuti unire per limiti del forum
& quot; == "
& amp; == &
& lt; == <
& gt; == >
& #8364 == €
& copy; == ©
& reg; == ®
questa parte può essere usata con qualsiasi carattere che lo richiede (es: è
& agrave; == à
& aacute; == á
& acirc; == â
& atilde; == ã
& auml; == ä
& AElig; == Æ
& Aring; == Å
& ccedil; == Ç
& Oslash; == Ø
& THORN; == Þ
& nbsp; == spazio
& iexcl; == ¡
& cent; == ¢
& pound; == £
& curren; == ¤
& yen; == ¥
& sect; == §
<SUP><FONT SIZE="-1">TM</FONT></SUP> == tm
& brvbar; == ¦
& uml; == ¨
& ordf; == ª
& laquo; == «
& not; == ¬
& shy; == ¬
& macr; == ¯
& plusmn; == ±
& deg; == °
& sup2; == ²
& sup3; == ³
& micro; == µ
& para; == ¶
& middot; == ·
& raquo; == »
& frac14; == ¼
& frac12; == ½
& frac34; == ¾
& iquest; == ¿
& ETH; == Ð
& times; == ×
& divide; == ÷
& ndash; == –
& mdash; == —
& lsquo; == ‘
& rsquo; == ’
& ldquo; == “
& rdquo; == ”
altri caratteri speciali ASCII li trovate su:
http://www.asciitable.it/
--------------------------------------------------
5. Consigli sull'uso dell'html per le classi
l'unico consiglio che do in questo caso è di utilizzare la tag <FONT></FONT>, anche se deprecata, perchè l'utilizzo di tag quali
</P> o <DIV></DIV> può richiedere css aggiuntivo per metterle inline
--------------------------------------------------
6. Si può usare un proprio font nelle pagine che facciamo?
si p possibile ma in questo caso citerò saintex e xdesign:
esistono 2 tecnologie chiamate truedoc e weft e se combinate si coprono praticamente tutti i browser (netscape 6/7 hanno troppi pochi utenti per calcolarli)
discutendo con saintex su due discussioni:
http://forum.html.it/forum/showthrea...threadid=49003
http://forum.html.it/forum/showthrea...threadid=64999
si è giunti ha questa conclusione:
truedoc non è effettivamente più reperibile.citazione da saintex
all'epoca ero riuscito a sapere questo:
- weft funziona solo con IE
- funziona solo se le scritte hanno pochi caratteri, altrimenti (visto che più sono i caratteri, più cerca di comprimere) sgrana
cmq combinando font embedded + vbscript + css ero riuscito a fare questo, che non è male:
http://www.geocities.com/odradrek/pr...arattere3.html
un sistema alternativo per i fonts embedded è truedoc
che è embedded in NN4 e funziona con un plugin in IE (non mi ricordo NN6).
esistono anche alcuni caratteri già fatti:
http://www.truedoc.com/webpages/avai...avail_pfrs.htm
purtroppo truedoc diversamente da quello che c'è scritto qui:
http://hotwired.lycos.com/webmonkey/99/45/index1a.html
non lo vendono più:
http://www.truedoc.com/webpages/FAQs....html#buywhere
E questo è tutto quello che so sui font embedded...
--------------------------------------------------
spero che per il momento basti, lo so che questa pillola non introduce niente di nuovo ma servirà per i nuovi forumisti come punto di partenza per evitare discussioni inutili
a 1500 la seconda