le MEMO du WEB développeur
 

••• Profil du MemoMembre tarabusk •••  

Inscrite depuis le 29/11/2011
Site Internet : http://tarabusk.net
Web développeur indépendante. Créatrice de MEMO-WEB.

Les articles publiés par tarabusk

Erreur WordPress « Une autre mise à jour est actuellement en cours. » - Wordpress
Installer Bedrock avec Wamp Serveur - Wordpress
Problème d'accès à l'admin WordPress MultiSite - Wordpress
Vérifier la hierarchie de ses balises de titre h1, h2, h3 ... pour le référencement - Divers
Récupérer dans un tableau, les page d'un site indexées par Google - Divers
Récupére l'ID d'un post/page en dehors de la boucle WordPress - Wordpress
Plugin WordPress BackWPUp, bug : Impossible de créer le répertoire - Wordpress
Lorsque le margin appliqué à un enfant déplace son parent - CSS
Width à  100% avec padding : Lorsque l'élément est plus large que prévu - CSS
Recadrer une miniature (thumbnail) WordPress - Wordpress
Passer un paramètre variable dans get_template_part() - Wordpress
Rendre non cliquables les menus pères WordPress - Wordpress
Export d'articles scoopit vers WordPress : Lien vers l'article d'origine - Wordpress
WordPress en multisite, passer du fonctionnement sous domaine au sous répertoire - Wordpress
Foncer une image au passage de la souris - CSS
Récupérer l'URL de l'image à la une (featured image) d'un article ou d'une page WordPress - Wordpress
Boucle sur les Custom Post Types - Wordpress
Parcourir les catégories des articles de WordPress - Wordpress
Créer un Shortcode avec Wordpress - Wordpress
Personnaliser les permaliens des Custom Post Type - Wordpress
Garder une variable de session après fermeture du navigateur - PHP
Comment laisser l'affichage de the_excerpt() si l'extrait est laissé vide dans l'administration de WordPress - Wordpress
Parcourir tous les éléments d'une classe CSS en Javascript - Javascript
Parcourir un tableau en JavaScript - Javascript
Parcourir les classes d'un élément HTML en JavaScript - Javascript
Créer un élément HTML en JavaScript - Javascript
Non prise en charge de addEventListener par IE < 9 - Javascript
Sécuriser l'accès à un répertoire avec un fichier .htpasswd - Divers
Ajouter le formulaire de recherche Wordpress en PHP - Wordpress
Rajouter une image en CSS avec la balise :before ou :after - CSS
Taraza - Free Wordpress Theme 2014 - Customized Home Page - Wordpress
Bug Barre d'administration Wordpress et position absolue d'un élement - Wordpress
Wordpress Warning: Cannot modify header information - headers already sent by ... - Wordpress
Rajouter des commentaires d'aide à la saisie dans l'administration de Wordpress - Wordpress
Déclaration conditionnelle de feuille de style CSS dans Wordpress - Wordpress
Traduction Wordpress de texte affiché par un fichier javascript - Wordpress
Wordpress : Déclarer un script uniquement pour un template précis - Wordpress
Ajouter un favicon à votre site Wordpress - Wordpress
TaraLi : Thème Wordpress 2014. Gratuit, Sobre et Simple. - Wordpress
Changer la longeur de l'extrait / exerpt dans Wordpress - Wordpress
Ne pas afficher les commentaires sur les pages d'un siteWordpress - Wordpress
La fonction isNaN ou comment vérifier qu'une variable est un nombre - Javascript
Connaître l'URL courante avec jQuery - JQuery
Convertir un pdf en ebook avec Calibre et Sigil - Divers
Migration d'un site Wordpress : Perte des menus et des widgets - Wordpress
Imposer une taille max aux fichiers uploadés sur le serveur - Divers
Script pour jongler avec les octets - Convertir octet / ko / Mo / Go - Divers
Déclarer un fichier présent dans un répertoire du thème enfant Wordpress - Wordpress
Valider un formulaire en javascript - Javascript
Convertir des Dollars / Euros en Bitcoins avec Javascript / Ajax - Divers
Savoir si un élément est visible ou hidden - JQuery
Vérifier la validité d'une URL en PHP - Expression régulière - PHP
Vérifier la validité d'une URL en Javascript - Expression régulière - Javascript
Uncaught TypeError: Cannot read property 'msie' of undefined - Divers
Plugin JQuery Select Box / Drop-Down / Liste déroulante. Un joli select - JQuery
Ajouter / Déplacer dynamiquement un élément dans le DOM avec jQuery - JQuery
Ma méthode pour affecter un identifiant entier à mes éléments HTML - HTML
Vérifier si un champs est bien renseigné dans un formulaire HTML - Javascript
Créer un bouton imprimer sur sa page web - Javascript
Personnaliser la page d'erreur 404 - Divers
Récupérer le contenu ou afficher du texte dans un textarea en JQuery - JQuery
Afficher une carte Google Map sur son site Internet avec PHP / Javascript - Divers
Tutoriel pour afficher et localiser une adresse sur Google Map - Divers
Ajouter un saut de ligne dans une alert javascript - Javascript
Fonction de sécurisation des données passées dans formulaire ou URL - PHP
Fonction de manipulation de dates en Mysql - MySQL
Transmettre un nombre variable de paramètres dans une fonction PHP - PHP
Les variables à nom "variables" en PHP - PHP
Affichage tampon en PHP : Output buffering - PHP
Connaitre l'heure de son serveur - PHP
L'utilisation des sessions en PHP - PHP
Rafraîchir automatiquement une page - HTML
Fonction explode en utilisant plusieurs séparateurs - PHP
Empêcher de coller du texte dans un champs input de type text - JQuery
Liste des catégories Wordpress. Exclure certaines catégories - Wordpress
Retrouver les coordonnées latitude longitude d'un endroit avec Google Map - Divers
Fonction include() en PHP et URL externe - PHP
Un joli titre sans image, tout en CSS - CSS
Effet carnet de notes en CSS 3 - empilement de feuilles - CSS
Ajouter un masque de saisie dans un champs input text - JQuery
Redimensionner une image en PHP - PHP
Fonction extract() en PHP - PHP
Parcourir les fichiers d'un répertoire en PHP - PHP
Une image de background aléatoire - CSS
Modifier l'attribut src d'une image avec JQuery - JQuery
Script de Backup / Sauvegarde de la Base Mysql en PHP - PHP
Rediriger un nom de domaine Gandi vers un hébergement 1&1 - Divers
Appeler un shortCode Wordpress depuis un fichier PHP - Wordpress
Formulaire de paiement paypal en PHP - PHP
Configurer l'encodage UTF-8 d'une base de données et des fichiers d'un site Internet - Divers
Lire un fichier .csv et l'enregistrer en base de données Mysql - PHP
Transformer une date format français en format SQL - PHP
Afficher l'année courante sur son site - PHP
Empêcher l'autocomplétion dans les formulaires - HTML
Sélection d'un enregistrement aléatoire dans une table MySQL - MySQL
Bonne pratique : Syntaxes du if then else en PHP - PHP
Bonnes pratiques : Utilisez des simples quotes dans les chaînes PHP - PHP
Convertir un format dateTime Français en format MySQL - PHP
Une liste d'articles au hasard dans Wordpress - Wordpress
Enlever la bordure qui apparaît au survol d'une image sur un lien hypertexte - CSS
Récupérer l'identifiant de session id_session en javascript - Javascript
Comment utiliser une police google web font sur son site Internet - CSS
Connaitre la configuration Python sur son hébergement 1&1 - Divers
Problème envoi de mail sous 1&1 avec site Wordpress - Wordpress
Enlever ou imposer les www de l'URL de mon site avec un fichier .htaccess - Divers
Rajout automatique de paragraphe dans ckEditor - CkEditor
Effet ruban sur un titre en CSS 3 - CSS
Limiter le nombre de brouillons enregistrés à la modification d'un post - Wordpress
Parcourir les images d'un répertoire en PHP - PHP
Rajouter du texte dans un élement via CSS - CSS
Supprimer les paramètres d'URL de l'URL courante - PHP
Enlever les balises HTML d'une chaîne en PHP - PHP
DatePicker de JQuery : Déployer le calendrier à l'ouverture de la page - JQuery
Apparition d'un élément en fondu avec JQuery sur le survol de souris - JQuery
Fonction PHP pour réduire une chaîne à ses n premiers mots - PHP
Problème de slash sur passage de paramètres dans formulaire - HTML
Défilement continu horizontal ou vertical d'une bande d'images en javascript - Javascript
Fonction PHP qui permet de savoir si un répertoire est vide ou pas - PHP
Vérifier la validité du format d'un email en PHP - Expression régulière - PHP
Comment formater un grand nombre à l'affichage pour le rendre plus lisible (en PHP) - PHP
Bug quand répertoire .android est dans un sous répertoire avec caractère accentué - Divers
Etapes pour Installer Sencha Touch - Divers
Bug sur injection de caractère UNICODE dans le DOM en javascript sous certaines configurations d'IE - Navigateurs
Foncer ou eclaircir une couleur en PHP - PHP
Récupérer le texte du contenu de l'editeur CKEditor en javascript - CkEditor
Familles de polices avec un largeur de lettres fixe - Divers
Détecter un click à l'extérieur d'un élément avec JQuery - JQuery
Afficher une image différente selon la date de l'année en javascript - JQuery
Configurer le fichier WP-config en localhost - Wordpress
Dessiner un cercle sans image grâce à CSS 3 - CSS
Mettre en gras les occurrences d'un mot dans une phrase en PHP - PHP
Récupérer la valeur ou le texte sélectionné d'un élément SELECT dans un formulaire - Javascript
Une bordure en pointillés en CSS3 - Effet couture. - CSS
Un effet de changement de couleur fluide en CSS3 - CSS
Fonction Javascript pour récupérer la valeur d'un cookie - Javascript
Suppession des accents dans une phrase en PHP - PHP
Créer un effet d'opacité sur le survol d'une image - Javascript
Une fonction file_put_contents pour PHP4 - PHP
Problème à l'affichage de l'heure en PHP - 2h de moins - PHP
Vérifier qu'une variable est de type entier en javascript - Javascript
Retrouver la valeur des variables d'URL après un rewriteRule sous Wordpress - Wordpress
Colorer une ligne sur 2 dans un tableau en CSS3 - CSS
Faire une redirection en javascript - Javascript
Les transitions en CSS3 : rotation d'un élément - rotate() - CSS
Not(expr) Element d'exclusion en Jquery - JQuery
Comment rajouter un séparateur entre les items d'une liste - CSS
Connaitre le nombre d'éléments possédant une classe définie - JQuery
Comment faire des opérations avec les attributs de style exprimés en px - JQuery
Bug sur le plugin mediaembed de CkEditor - CkEditor
Centrer une image horizontalement - CSS
Lecture seule d'un textarea en JQuery - JQuery
Opérations sur les dates en PHP - PHP
Aligner verticalement du texte avec une image - CSS
Empêcher le clic droit sur les images de votre site - Javascript
La superglobale $_SERVER et ses utilisations - PHP
$("#calendar").fullCalendar is not a function - JQuery
Espaces parasites rajoutés lors d'un envoi de mail - PHP
Ajout de @ devant @mysql_connect - MySQL
La feinte de l'underscore dans un fichier CSS sous IE - Navigateurs
Replace() ou Remplacer une chaîne de caractères par une autre en Javascript - Javascript
Typer ses variables en javascript - Javascript
Générer un fichier CSS en PHP - CSS
Protection contre les injections HTML XCSS - PHP
Fonction de parcours des variables de formulaire - PHP
Parcourir valeurs possibles d'un type ENUM en PHP - MySQL
Exemple d'utilisation de la fonction COUNT() - MySQL
Disfonctionnement de WAMP à l'ouverture d'une page php - Divers
Ajouter des styles dans la barre d'outils de ckeditor - CkEditor
Erreur javascript "w is undefined" - CkEditor
Dessiner un triangle avec CSS3 - CSS
Limiter le nombre de caractères saisis dans un textarea - HTML
Vérifier qu'une chaine est constituée de caractères alphanumériques - PHP
Comment récupérer ou supprimer l'extension d'un fichier en PHP ? - PHP
Format e-mail et téléphone portable - Javascript
Détecter lorsqu'on appuie sur la touche entrée en JQuery - JQuery
Savoir si une variable est définie en javascript - Javascript
Atteindre une ancre avec JQuery - JQuery
Date courante dans une requête Mysql - MySQL
Problème de changement d'opacité d'image avec transparence sous ... IE - Navigateurs
Formater une chaine en URL - PHP
Problème(ou pas):JQuery ferme automatiquement les balises HTML - JQuery
Division en PHP - Partie entière - PHP
Afficher un message avant de quitter une page - Javascript
Un input de type passwd ne prend pas en compte une police font-face sous IE - Navigateurs
Sélecteurs RegExp et JQuery - JQuery
Vérifier la validité d'une chaîne JSON - Ajax
Vérifier qu'une chaine est constituée de caractères alphanumériques - Javascript
Récupérer l'URL de la page courante - Javascript
Rajouter un élément dans le DOM - JQuery
StopPropagation() ou Empêcher un évenement de se propager aux parents de l'élément - JQuery
Padding et margin en hauteur ne fonctionnement pas sur éléments inline - HTML
Ombrage - propriété box-shadow - CSS
Comment ne pas interpréter une commande HTML à l'affichage - HTML
Récupérer l'adresse de la page courante - PHP
Problème évenement click sous IE - JQuery
Parcourir tous les éléments d'une classe en JQuery - JQuery
Require - format d'écriture - PHP
Siblings() Parcours des frères immédiats d'un élément - JQuery
Trouver l'adresse d'une image expression régulière - PHP
Ouvrir une fenêtre popup sur lien HTML - Javascript
Configurer ckeditor - CkEditor
Enlever des mots avec les expressions régulières - PHP

@font-face ou Comment choisir une police non standard - CSS

la règle CSS @font-face permet d'utiliser des familles de police non standards. Ces polices seront  hébergées sur notre site web et nous ne seront ainsi plus limités par celles présentes sur la machine de l'internaute.

Pour utiliser une font original, il suffit de faire son marché sur l'un des sites proposant des polices libres de droit tels que http://www.dafont.com/fr/

Choisissez une police (disons qu'elle s'appelle MaNouvelleFont), puis d'utiliser l'utilitaire de fontsquirrel, qui va vous générer un kit pour la police prêt à l'emploi (ce kit comprend la police au format adapté pour chaque navigateurs)

Téléchargez ce kit, et copiez le dans un répertoire de votre site que je nomme ici font

Enfin, dans votre feuille de style, rajoutez maintenant la déclarationde votre nouvelle police de nom MaNouvelleFont (remplacez MaNouvelleFont par le nom de votre police

Dans votre fichier CSS :

Déclaration de la nouvelle police présente dans le répertoire font, puis appel à cette nouvelle police via la propriété font-family

/* ---------- fonts ---------- */
@font-face {
    font-family: 'NomDeMaNouvelleFont';
    src: url('font/MaNouvelleFont.eot');
    src: url('font/MaNouvelleFont.eot?#iefix') format('embedded-opentype'),
         url('font/MaNouvelleFont.woff') format('woff'),
         url('font/MaNouvelleFont.ttf') format('truetype'),
         url('font/MaNouvelleFont.svg#MaNouvelleFont') format('svg');
    font-weight: normal;
    font-style: normal;

}
body
{  font-family: NomDeMaNouvelleFont,Times,serif;}


J'avoue que depuis que j'ai découvert Google Web font, j'utilise de préférence leur service voir le mémo dédié à Google Web Font.

 

 

publié le 10/12/2011 par Memo Web
Commenter le Mémo :

Trouver le chemin canonique absolu d'un répertoire - HTML
Rediriger index.php à la racine du site avec le fichier .htaccess - Divers
Mettre un lien vers la page d'accueil son site - HTML
Jquery récupérer les valeurs de checkbox, select et radio - JQuery
Utiliser des constantes dans un fichier CSS - CSS
Instruction SWITCH - PHP
Fermeture de sessions - PHP
Ucfirst ou Convertir la première lettre d'une chaine en majuscule - PHP
Internet Explorer : Commentaire conditionnel - HTML
Arrondir les bords d'un élément - CSS
JQuery - Queue() : Attendre qu'une animation se termine avant de commencer la suivante - JQuery
Empêcher la saisie de mise en forme sur copier coller - ckEditor - CkEditor
Charger JQuery directement via les librairies google - JQuery
Problème : header("Location ... ne marche pas - PHP
Affectation conditionnelle sous PHP - PHP
Les erreurs du .htaccess - Divers
Faire appel à un fichier CSS à l'intérieur d'un autre fichier CSS - CSS
Les cookies faciles - PHP
Faire clignoter un élément avec JQuery - JQuery
Comment ajouter un favicon sur son site - HTML
Changer la version de PHP chez 1&1 - Tous les categories
Tester format de chaîne style mot de passe - PHP
Raccourcis clavier dans FireFox et Internet Explorer - Tous les categories
Ajoutez vos propres Mémos sur MEMO-WEB

Il suffit de vous créer un compte sur le site

Vous pourrez choisir un thème parmis l'une des catégories proposées par MEMO-WEB.

Rédigez votre Mémo.
Après validation par MEMO-WEB, il sera mis en ligne.
Ajouter vos Mémos