Considérant des licences comme:
Comment puis-je utiliser la famille de polices Ubuntu sur n'importe quel site Web sans demander à l'utilisateur de l'installer?
Toute chance de l'utiliser avec des outils tels que: http://code.google.com/intl/en-US/apis/webfonts/
Réponses:
Il existe 2 méthodes avec lesquelles vous pouvez incorporer la police Ubuntu dans votre site Web - en utilisant le répertoire de polices Google (préféré) ou en utilisant la @font-facedéclaration CSS et en convertissant vos polices manuellement.
Vous pouvez désormais utiliser la police Ubuntu en tant que police Web Google. Cela rendra le processus beaucoup plus simple. La plupart du contenu de cette partie de la réponse provient de la réponse de sladen .
Pourquoi l'utilisation de l'API Google Font est-elle la méthode préférée?
L'utilisation de l'API Google Font est une excellente suggestion car elle permet aux polices Web de fonctionner automatiquement sur tous les navigateurs modernes sans avoir à se soucier des détails. L'utilisation de l'API de police signifie que les visiteurs verront toujours automatiquement la dernière version de la police.
Comment puis-je utiliser l'API Google Font?
Depuis le 21 décembre 2010, la famille de polices Ubuntu est désormais incluse et déployable à partir de l'API Google Font, visitez:
Vous pouvez lire la publication Google Web Font sur les actualités, puis:
Cochez la combinaison de poids et de styles parmi Regular, Italic, Bold et Bold-Italic dont vous avez besoin pour votre page Web.
Si la valeur par défaut est incorrecte, sélectionnez la combinaison langue / script dont vous avez besoin: un site Web russe avec des exemples en anglais peut utiliser "cyrillique, latin".
Ajoutez la <link>balise donnée entre <head> ... </head>dans votre page HTML ou modèles et ajoutez le code CSS approprié entre les <style> ... </style>balises dans votre <head>.
Par exemple, si vous créez le site Web hybride russe / anglais et que vous souhaitez utiliser la police par défaut pour tout le texte, vous pouvez ajouter le code suivant entre vos <head>balises:
<link href='http://fonts.googleapis.com/css?family=Ubuntu&subset=cyrillic,latin' rel='stylesheet' type='text/css' />
<style type="text/css" >
body {
font-family : 'Ubuntu', sans-serif;
}
</style>
Remarques :
"Latin" est le script dans lequel l'anglais et de nombreuses autres langues européennes et africaines sont écrits.
Le "sous-ensemble" optimise les fichiers de polices en n'envoyant que des caractères pour certaines langues, les polices font environ 44 Ko chacune. Le chiffre de 168 Ko affiché pour le moment concerne tous les 1 200+ glyphes en téléchargement de police Web unique, et la plupart ne sont pas nécessaires pour un seul site Web.
Les fichiers de polices Ubuntu sont automatiquement convertis au format correct pour différents navigateurs; en fonction de la marque et la version le format requis est WOFF, EOT,SVG ou TTF. La bonne combinaison de CSS est spécifique à chaque demande de page et résout comme par magie ce problème difficile.
Vous pouvez incorporer les polices Ubuntu en les convertissant aux polices WOFF . Vous pouvez ensuite les intégrer à l'aide de la déclaration CSS @ font-face. Les polices (fichiers .ttf) se trouvent dans/usr/share/fonts/truetype/ubuntu-font-family .
Par exemple, pour utiliser la police Ubuntu Regular, convertie en fichier WOFF, Ubuntu-R.woff, utilisez ce code CSS:
@font-face
{
font-family : "Ubuntu-R";
src: url('Ubuntu-R.woff');
}
De même pour Ubuntu Bold:
@font-face
{
font-family : "Ubuntu";
src: url('Ubuntu-B.woff');
font-weight : bold;
}
Ubuntu Italic:
@font-face
{
font-family : "Ubuntu";
src: url('Ubuntu-I.woff');
font-style : italic;
}
Ubuntu Bold Italic:
@font-face
{
font-family : "Ubuntu";
src: url('Ubuntu-BI.woff');
font-weight : bold;
font-style : italic;
}
Ceci est pris en charge par tous les navigateurs récents .
N'oubliez pas que certains utilisateurs configurent leur navigateur pour utiliser un ensemble spécifique de polices et peuvent être ennuyés si des polices personnalisées sont utilisées. Lisez également la licence de police Ubuntu pour connaître les modalités exactes de distribution de la police.
L'utilisation de l'API Google Font est une excellente suggestion car elle permet aux polices Web de fonctionner automatiquement sur tous les navigateurs modernes sans avoir à se soucier des détails. L'utilisation de l'API de police signifie que les visiteurs verront toujours automatiquement la dernière version de la police.
Depuis le 21 décembre 2010, la famille de polices Ubuntu est désormais incluse et déployable à partir de l'API Google Font, visitez:
Vous pouvez lire la publication Google Web Font sur les actualités, puis:
<head> ... </head>et <style>...</style>de votre page HTML ou de vos modèles.Remarques:
"Latin" est le script dans lequel l'anglais et de nombreuses autres langues européennes et africaines sont écrits.
Le "sous-ensemble" optimise les fichiers de polices en n'envoyant que des caractères pour certaines langues, les polices font environ 44 Ko chacune. Le chiffre de 168 Ko affiché pour le moment concerne tous les 1 200+ glyphes en téléchargement de police Web unique, et la plupart ne sont pas nécessaires pour un seul site Web.
Les fichiers de polices Ubuntu sont automatiquement convertis au format correct pour différents navigateurs; en fonction de la marque et la version le format requis est WOFF, EOT,SVG ou TTF. La bonne combinaison de CSS est spécifique à chaque demande de page et résout comme par magie ce problème difficile.
Le rendu des polices côté serveur (ou peut-être un meilleur "rendu dynamique des polices") est un problème intéressant depuis assez longtemps.
Techniquement, il semble logique que pour qu'une machine affiche une police spécifique, elle doit déjà être installée localement.
D'un autre côté, la conception Web perd beaucoup en devant s'en tenir aux «polices Web» de base / bien connues.
CSS2.1 a apporté quelques améliorations en utilisant la déclaration de règle @ font-face .
Il n'est pas encore devenu un standard, mais il finira par arriver avec CSS3.
En plus de cela, il y a eu quelques méthodes alternatives, comme:
J'espère que les liens fournis vous donneront une meilleure idée de ce qui peut être fait ;-)