E' possibile importare dei font?

**niubbo** · 12-10-2011, 22:55

Con i nuovi CSS è possibile importare font esterni? Esistono dei trucchi per importarli senza usare delle immagini?

Grazie

**carlomarangoni** · 12-10-2011, 23:27

Originariamente inviato da niubbo
Con i nuovi CSS è possibile importare font esterni? Esistono dei trucchi per importarli senza usare delle immagini?

Grazie

Si!

**niubbo** · 12-10-2011, 23:35

Come si fa? Ci sono problemi di incompatibilità conosciuti? E' ancora presto per poterli usare?

Grazie

**carlomarangoni** · 13-10-2011, 00:03

Originariamente inviato da niubbo
Come si fa? Ci sono problemi di incompatibilità conosciuti? E' ancora presto per poterli usare?

Grazie

Questo è un esempio perfettamente funzionante e senza problemi

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<title></title>
		<style type="text/css">
		@font-face {
		font-family: 'ArmWrestler Bold';
		src: url('ArmWrestler.eot');
		src: local('ArmWrestler Bold'), url('ArmWrestler.ttf') format('truetype');
		}
		
		@font-face {
		font-family: 'Black Rose Regular';
		src: url('BLACKR.eot');
		src: local('Black Rose Regular'), url('BLACKR.TTF') format('truetype');
		}
		
		h1{font: 42px 'Black Rose Regular', Georgia, serif;}
		p {font: 12px 'ArmWrestler Bold', Arial, serif;}
		
		body{width: 600px}
		</style>
	</head>
	<body>
	<h1>Questo &egrave; un titolo</h1>
	

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
	</body>
</html>

**niubbo** · 13-10-2011, 00:05

Ma funzionano su tutti i browser oramai?

**carlomarangoni** · 13-10-2011, 00:07

Originariamente inviato da niubbo
Ma funzionano su tutti i browser oramai?

A me funziona su tutti

**niubbo** · 13-10-2011, 00:09

ok, grazie allora!

**Man0war** · 13-10-2011, 14:24

Mi ricollego al discorso. Io devo allegare tutti i file Open Sans (sono in tutti 11) perchè lo script di Google* non funziona con Explorer, tra l'altro devo fare questo lavoro (ho letto) prima con i file ttf per tutti gli altri browser e poi con i files eof (che dovrò creare) che è un formato proprietario Microsoft. Ora alcuni dei files da importare sono questi:

-OpenSans-bold.tff
-OpenSans-BoldItalic.tff
-OpenSans-ExtraBold.ttf
-OpenSans-ExtraBoldItalic.ttf
-OpenSans-Italic.ttf
etc etc

Ipotizziamo che debba importare il file "OpenSans-Bold.ttf" devo fare così?

@font-face {
font-family: 'OpenSans Bold';
src: local('OpenSans Bold'), url('OpenSans-bold.tff') format('truetype');
}

E' corretto?

*lo scrippettino di google è questo:

<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic ,700italic,800italic,300,400,600,700,800&subset=la tin,latin-ext' rel='stylesheet' type='text/css' />

Discussione: E' possibile importare dei font?

Strumenti discussione

Ricerca discussione

Visualizza

E' possibile importare dei font?

Re: E' possibile importare dei font?

Permessi di invio