RSS

C-WebHosting - Hébergement gratuit sans publicité

Bienvenue, Invité !

Veuillez vous identifier ou vous inscrire pour envoyer une demande d'hébergement gratuit sans publicité.

C-WebHosting > Forum de discussion > Création de sites > Discussions sur la conception d'un site web > police d'ecriture pour site

 

police d'ecriture pour site

police d'ecriture pour site

kimochi

Membre

Hors ligne
Inscrit le : 03/03/2010
Messages : 15
Localisation : corse
nasaisite@gmail.com WWW

salut

je suis en train de coder un site web, et je voudrais inserer une police bien specifique dans mon menu celle ci : http://www.dafont.com/fr/search.php?psize=m&q=masterplan

mais bien entendu les visiteurs ne le verront pas s'ils ne l'ont pas dans leur "fonts" windows .....

comment y remerdier pour que tous mes visiteurs puissent la voir sans pour autant l'installer sur leur pc...?

merci par avance

Ajouté le 11/03/2010 à 14:13

RE : police d'ecriture pour site

Martin

Administrateur

Hors ligne
Inscrit le : 26/01/2010
Messages : 88
Localisation : Suisse
martin@c-webhosting.org WWW MSN : ploumploumtada@gmail.com
Jabber : ploumploumtada@jabber.org

Ce n'est jamais recommandé d'utiliser une police spéciale pour écrire directement du texte dans un site web. Dans ton cas, je te conseille si tu tiens réellement à utiliser cette police, de faire des images pour ton menu.

Mais ce n'est pas forcément du meilleur effet, et ca n'a pas un très très bon impact sur l'accessibilité de ton site.

Ajouté le 11/03/2010 à 15:21

RE : police d'ecriture pour site

kimochi

Membre

Hors ligne
Inscrit le : 03/03/2010
Messages : 15
Localisation : corse
nasaisite@gmail.com WWW

j'ai prefere adapter des images dans mon menu de gauche pour ameliorer l'effet "grunge et trash"

http://mangakun.perso.neuf.fr/mangakun-creations-web-credits.html

ce n'est pas encore la version definitive, j'ai pour l'instant coder pour vous montrer les parties => contact ; affiliation; web credits

j'ai tout code et fait le design moi-même, c'est la V6 de mon site , la v5 est ici : www.mangakun.ift.fr ( que j'avais également codé et cree graphiquement )

dans cette v6 j'integrerais du php et bien entendu du html ( que je maîtrise surtout ) et sera mis sur cwebhosting quand celui-ci serai de nouveau actif smile ( merci a martin ! ), je l'ai teste sous tous les navigateurs et toutes version ( I.E: 5/6/7/8 , firefox 2/3.6 , opera, safari, google chrome )

et pour le truc des images , j'ai perd pas mon referencement car j'integre les images en mettant des tags comme ceci

<h2 style="color: rgb(153, 0, 0);"&rt;<img

 style="width: 150px; height: 20px;"

 alt="mangakun-creations-ressources-icon-bases"

 src="images/ressources.gif" /&rt;</h2&rt;

Ajouté le 11/03/2010 à 16:25

RE : police d'ecriture pour site

Hervé P

Membre

Hors ligne
Inscrit le : 27/06/2010
Messages : 3
herve.pouget@izi.re

— Pour ce qui est des polices à mettre en images, je te conseille fortement de les enregistrer en .png, format qui permet jusqu'à 256 niveaux de transparence ! Ainsi, en les "encapsulant" dans un <div>, tu pourras les superposer sur un autre fond !
— Pour les "IEmaniaques", j'ai même récupéré un petit script qui permet d'afficher des .png transparents ou diaphanes (draperies d'organza !) sous Internet Explorer 5.5 et 6 !
— Voici l'en-tête :
<!--[if lt IE 7]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->
— Et voici le script "pngfix.js", complet :
/*Correctly handle PNG transparency in Win IE 5.5 & 6.
http://homepage.ntlworld.com/bobosola. Updated 18-Jan-2006.
Use in <HEAD> with DEFER keyword wrapped in conditional comments:
<!--[if lt IE 7]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->*/
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
if ((version >= 5.5) && (document.body.filters))
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style="" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src='" + img.src + "', sizingMethod='scale');"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
— Même la "commande" à insérer dans l'en-tête est écrite en commentaire !
— Alors, si tu veux une police particulière, kimochi, penses-y !

Ajouté le 30/06/2010 à 20:18

 

Liens

Nouvelles brèves

Panne d'électricité

Le courant ayant sauté dans tout le quartier pendant environ 1h, le serveur a été rendu inaccessible. Désolé pour le dérangement occasionné. Le système de fichier n'a rapporté aucune erreur. Vos données sont donc très probablement intègres.

30/08/2010 à 23:10 | Martin

Actualités informatiques avec PC INpact

Connexion





Inscription