- Accueil
- Info légales
- Aide (FAQ)
- Les tags de ce site
- Bloc note
- Articles techniques
- Notes system
- Divers articles
- Drupal
- Notes ITIL 2007
- Notes MS
- Dans le quartier...
- Emploi
- Recettes de cuisine et adresses gourmandes
- mes applis ubuntu préferées
- Divers acronymes du monde social
- Internet 2018
- P2 meublé à louer - quartier du Poteau 75018
- apcos - réseaux sociaux et outils
- Articles techniques
- Divers liens
- Fun
- Mon CV IT
- Nouveautés
Police et drupal 7
à la mano
Si Free fonts en OTF (@font-face de
CSS3, mieux vaut éviter les maj dans url, sinon surprises avec IE)
@font-face {
archer-book-pro
font-family: ;
archer-book-pro.otf
src: url("fonts/") format("opentype");
}
@font-face {
font-family: 'MaSuperPolice';
src: url('masuperpolice.eot') format('eot'),
url('masuperpolice.woff') format('woff'),
url('masuperpolice.ttf') format('truetype'),
url('masuperpolice.svg') format('svg');
}
Ex de prop CSS1 : font-variant: small-caps; de font-style: italic; et font-weight: bold; plus à font, taille avec font-size et font-family:
Ex de CSS3 : font-stretch: expanded; et font-size-adjust: 0.58;
Plus à http://www.w3schools.com/css/css_font.asp (def serif et sansserif) et http://www.w3schools.com/css/css3_fonts.asp
Si Google fonts
ajouter dans template.php (source http://drupal.stackexchange.com/questions/22123/how-to-include-a-google-...)
function mytheme_preprocess_html(&$variables) {
drupal_add_css('http://fonts.googleapis.com/css?family=Pacifico', array('type' => 'external'));
}
ou dans un fichier css de drupal: @import url(http://fonts.googleapis.com/css?family=Fontname:400,700|Fontname2:400,700);
plus à http://cleaver.ca/blog/google-fonts-drupal-hard-way
avec un module
Module @font-your-face à https://www.drupal.org/node/1286960 - tuto en anglais à http://www.anexusit.com/blog/how-install-font-drupal-7-font-your-face
plus
pour omega http://drupal.stackexchange.com/questions/24806/custom-fonts-in-drupal
sur la méthode à employer (link ou @import) http://stackoverflow.com/questions/12316501/including-google-web-fonts-link-or-import