En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies pour vous proposer des contenus et services adaptés. Mentions légales.

Chez Papinou - Skins GuppY 5

 
   Votre premier réflexe après le téléchargement de GuppY 5 ?   Lire la documentation  ! ! !   
Vous êtes ici :   Accueil » Utilisation @font-face
 
Prévisualiser...  Imprimer...  Imprimer la page...
Prévisualiser...  Imprimer...  Imprimer la section...

Astuces GuppY 5

Translator

Nouvelles

+ Année 2018
 -  Année 2018
+ Année 2017
 -  Année 2017
+ Année 2016
 -  Année 2016
 Décembre 2016
 Octobre 2016
 Septembre 2016
 Juillet 2016
 Juin 2016
 Mai 2016
 Avril 2016
 Mars 2016
 Février 2016
 Janvier 2016
+ Année 2015
 -  Année 2015
+ Année 2014
 -  Année 2014

Radio Papinou

radio01.png
 

Dons Chez Papinou


Si vous le souhaitez vous pouvez participez aux frais en faisant un don.

Je vous laisse le soin de choisir le montant, l'essentiel étant le geste.

Partenaire Papinou


Calendrier

Utilisation @font-face

Utilisation de @font-face sur un site



Dans le répertoire de votre skin, vous avez un sous-répertoire font.
Dans ce sous répertoire vous mettez la fonte concernée dans ses différents formats:

- AnchorJack.ttf
- anchorjack-webfont.eot
- anchorjack-webfont.svg
- anchorjack-webfont.ttf
- anchorjack-webfont.woff
- stylesheet.css

Pour trouver ces fichiers, vos vous connectez sur le site Dafont  pour télécharger la fonte que vous souhaitez installer, ici AnchorJack.ttf.
Pour avoir les différents formats, vous utilisez ce site qui va vous les fournir à partir de AnchorJack.ttf


Dans le fichier fontstyle.css vous ajoutez :

@font-face {
    font-family: anchor_jackregular;
    src: url('font/anchorjack-webfont.eot');
    src: url('font/anchorjack-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/anchorjack-webfont.woff') format('woff'),
         url('font/anchorjack-webfont.ttf') format('truetype'),
         url('font/anchorjack-webfont.svg#anchor_jackregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


 Pour l'afficher, par exemple dans le menu:

div.menuIcons ul li a span { /* lien */
  color: #fff;
  background-color: inherit;
  text-decoration: none;
  font-family: anchor_jackregular, sans-serif;
  font-size: 20px;
}


Pour la ligne font-family: anchor_jackregular, sans-serif; vous sélectionner anchor_jackregular, sans-serif dans config look, c'est tout.

Attention à bien choisir une fonte lisible et adaptée soit au titre soit au texte d'un document.
Dans le cas présent,je n'ai utilisé la fonte "AnchorJack" que pour le menu.

Pour toutes les questions concernant cet article, merci de poster sur mon forum, rubrique Plugins, forks, astuces GuppY.

Bonne visite Chez Papinou !!!



 


Date de création : 12/03/2016 - 17:49
Catégorie : Astuces GuppY 5 - Générales
Page lue 5752 fois

Préférences


Se reconnecter :
Votre nom (ou pseudo) :
Votre mot de passe
<O>


  4651148 visiteurs
  1 visiteur en ligne

Connectés :
( personne )
Snif !!!

Lettre d'information

Pour avoir des nouvelles de ce site, inscrivez-vous à notre Newsletter.

Avant de soumettre ce formulaire, veuillez lire et accepter les Mentions légales.

J'accepte :
Recopier le code :

Licence

Cette création est mise à disposition des visiteurs selon les termes de la
Toute citation doit comporter un lien direct vers la page d'origine.
Chez Papinou est en ligne depuis le 26.03.2006
 
Lire les mentions légales
 
Vous êtes ici :   Accueil » Utilisation @font-face
 
Prévisualiser...  Imprimer...  Imprimer la page...
Prévisualiser...  Imprimer...  Imprimer la section...