Forum libero

Scritto da: The Lich
> Scritto da:
> > Qualcuno ha un tutorial sull'uso corretto dei font lato server e delle loro famiglie?
> >
> > Vorrei che funzionassero per famiglie come i font installati. Ad esempio se per un paragrafo specifico font-family: Arial e poi font-weight: bold il browser usa il font installato Arial Bold, ma se specifico il font web font-family: OpenSans il browser realizza il grassetto deformando il font regular invece di usare il bold.
>
> devi creare delle classi e applicarle ai tuoi tag html

Ci sono. Ad esempio il paragrafo del piè di pagina è

div.footer p {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
font-family: OpenSansBold, Arial, Helvetica, Sans, "Nimbus Sans", sans-serif;
font-size: 15px;
/* font-weight: bold; */
text-align: left;
color: #EEEEEE;
line-height: 22px;
}

@font-face {
font-family: 'OpenSans';
src: local('OpenSans'), url('../fnt/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
font-family: 'OpenSansBold';
src: local('OpenSansBold'), url('../fnt/OpenSans-Bold.ttf') format('truetype');
}

ma per fare in modo che usi il font OpenSans-Bold.ttf devo specificare 'OpenSansBold' nel CSS del P (e commentare l'istruzione font-weight: bold;). Se usassi Arial, invece, basterebbe scrivere 'Arial' e quando incontra l'istruzione per il grassetto il browser va a prendere il font adatto.

Dev'esserci qualcosa di sbagliato nel modo in cui uso il font. Vorrei definire una famiglia e all'interno di essa specificare i TTF per i vari stili.

Inoltre, per chissà quale misteriosa ragione, IE 11 riesce a usare il font AnjaEliane del titolo, ma non l'OpenSans dei paragrafi, benché le istruzioni CSS siano esattamente le stesse.

> > Vorrei che funzionassero per famiglie come i font installati. Ad esempio se per un paragrafo specifico font-family: Arial e poi font-weight: bold il browser usa il font installato Arial Bold, ma se specifico il font web font-family: OpenSans il browser realizza il grassetto deformando il font regular invece di usare il bold.
>
> Questa pagina
>
> http://www.smashingmagazine.com/2013/02/14/setting...
>
> descrive bene l'insieme di problemi che ho incontrato e fornisce due soluzioni. Quella più semplice e logica però non funziona con vecchi IE e fa crashare l'iPad 1 e il Blackberry.
>
>
> P.S. Perché cercando "font" il motorino non trova questo thread e mi tocca ravanarlo da me?

UPPETE

Magari Lich trova interessante il contenuto di quella pagina.