CSS3 Font Face Utiliser des polices de caractère non standard.

Slides:



Advertisements
Présentations similaires
Bien visible sur internet 
Advertisements

Projet LOT Mini-site web « Looking For You 1 »
Création de site internet
Créer une base de données MySQL
Conception de Sites Web dynamiques
Internet : serveurs Web
Une solution personnalisable et extensible
Internet.
Utilisation de l’outil Firebug
version Beta Marie Calberg Ninni Louhelainen SLFN7
LPC1D. Objectifs Suivi de lacquisition des compétences (item par item pour les 7 compétences du socle) Validation administrative des compétences aux pallier.
La Recherche en Ligne.
Intégration des images
Référence directe non sécurisée à un objet
Haute Ecole de la ville de Liège -
Tutoriel pour SCALP Système de Cartographie Automatique et Libre pour la Pédagogie Sous Mac osX.
IHM Responsive Design François BONNEVILLE aricia - Laboratoire d'Informatique de lUniversité de Franche-Comté
La comparaison entre les navigateurs Firefox et Internet Explorer.
Guide d'utilisation de Microsoft Weft Il s'agit de convertir un ou des fichiers Police de caractères (font) généralement de type.ttf en un ou des fichiers.eot.
T ECHNOLOGIES DE L INTERNET M INI P ROJET Licence Professionnelle TDI NEMBROT Isabelle 6 Novembre 2009 Kréactiv.net Promotion de la Culture Créole.
Présentation pour le stagiaire
SE CONNECTER SUR UN SITE INTERNET
Staroffice est une suite bureautique de la compagnie Sun Microsystem.Cette suite bureautique dispose d’un chiffrier électronique, éditeur de texte, logiciel.
1. SITE WEB DU SERVICE INFORMATIQUE DU RECTORAT
Gérer une collection spéciale en toute liberté avec CollectiveAccess
Les guides de formation WS-FTP Comment télécharger un site web sur le serveur de lÉcole.
Mars 2013 Grégory Petit
NEWS Peltiez Jason. Finalisation du HTML 5 pour fin 2014 et date du HTML 5.1 Succès du HTML 5 mais spécifications non finalisées Débuté en 2004 par le.
Firefox OS est entièrement construit en HTML5 et à partir des standards du Web. C’est un Système d’exploitation Open Source libéré des règles et restrictions.
Les feuilles de style CSS
Introduction aux technologies AJAX Ajax François BONNEVILLE
Projet informatique Associations Présentation de l’extranet FFBA
PHP & My SQL.
Le langage XHTML 420-S4W-GG Programmation Web Client
Fonctionnement du site web
NAVIGATEURS, MOTEURS DE LOGICIELS D’EXPLOITATION etc .
Les feuilles de style en HTML. CSS CSS: feuilles de style en cascade Permettent d’appliquer une mise en page à l’ensemble d’un site très simplement Permettent.
Notes.
Il sert de démonstration à la possibilité d’insérer un gif animé au milieu de photos ou d’images insérées depuis son ordinateur. Dans cet exemple, j’ai.
TELECHARGER UNE VIDEO DE YOUTUBE AVEC FREEMAKE VIDEO DOWNLOADER
Concepts. Procédures 1 EWS Excel Web Services. © Partouche David / 2007 version 0.1 Présentation des Excel Services Définition de base : Excel Services.
Internet WEB.
Introduction  Son inventeur  L’évolution  Le web aujourd’hui.
Un site sous SPIP Un nouveau système de publication sur le net Collège Charles Rieu A.T.I. Pélofi Stéphane.
LE CSS ISN Terminale S CSS Types de styles.
LANGAGE HTML Le HTML (Hyper Text Markup Langage) est un langage universel utilisé sur le World Wide Web. Le HTML permet de : * Publier des documents sur.
Présentation générale
CSS Cascading Style Sheets (Feuilles de style en cascade)
Développement d’application client/serveur
Les réseaux - Internet Historique Réseau local Internet Les protocoles
Cours de programmation web
Les raccourcis-clavier
Composants graphiques en ACube Framework client riche SVG.
Encadré par : nomprénom Travail réalisé par : nomprénom Lycée :
PDF Un format universel?.
LibX Catalogue Sudoc  LibX est un module complémentaire pour navigateur web  Il permet un accès rapide à des fonctions de recherche dans des.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
La comparaison entre les navigateurs Firefox et Internet Explorer. La comparaison entre les navigateurs Firefox et Internet Explorer. Par Cassandra Him.
Travail Collaboratif / SharePoint Pourquoi :  en finir avec le simple partage de fichiers..  en finir avec l’envoi des documents en pièces jointes 
Publication Flash sur Internet et Transfert avec Dreamweaver COM3562 Communication Multimédia MARS 2011.
L’identité numérique dans les organisations. L’usurpation de l’identité sur le web.
Exemple de trame de storyboard
Les navigateurs web Internet Explorer Google Chrome Firefox.
SI28 Dreamweaver- Séance 1
Comment réserver ? Nouveau système de réservation uniquement en ligne Nouveauté 2016 : Offres hautes saisons à partir de 290 € la semaine Adhérent COS.
Une police de caractères pour personnes ayant une dyslexie
CC – Janvier 2016 – V1.0 PORTAIL EUDONET – ECS SUPPORT FONCTIONNALITÉS, CAPTURES D’ECRANS
A.I.P. Besançon 2013 Gestion des couleurs en astro-photographie avec Maxim-DL et Photoshop Hervé Petit Nicolas Cuvillier.
Le vocabulaire d'Internet et du Web
Les PC et leurs Applications. SYSTÈME D’EXPLOITATION Windows, MacOs… TRAITEMENT DE TEXTE Open Office, Word… NAVIGATEUR WEB Firefox, Internet Explorer,
Transcription de la présentation:

CSS3 Font Face Utiliser des polices de caractère non standard

Le Format du fichier de police: Otf pour Firefox, Chrome, Opera Eot pour Internet Explorer Il existe aussi les formats: Svg Ttf Woff (Web Open Format Font) Dans l’avenir le format woff devrait logiquement s’imposer, il s’agit d’un standard W3C depuis Il est supporté par tous les navigateurs, dont Internet Explorer à partir de la version 9.

Obtenir les fichiers de police FontSquirrel Permet de convertir un fichier de police dans les différents formats requis. Mais seulement si ces derniers sont libres de droit.

Un exemple { 2. font-family: ‘nom local'; 3. src: url('quadranta.eot'); 4. src: url('quadranta.otf') format('truetype'), 5. url('quadranta.woff') format('woff'), 6. url('quadranta.eot?#iefix') format('embedded- opentype'), 7. url('quadranta.svg#QuadrantaBold') format('svg'); 8.} { 2. font-family: 'nom local'; 3. src: url('quadranta.woff') format('woff'); 4.}

Un exemple d’utilisation 1.h1, h2, h3 { 2. font-family: 'nom local'; 3.}