quelles polices de caractères utilisez-vous ?

Le 19/02/15 12:09, SAM a écrit :

à défaut et dans l'ordre :
Helvetica
Arial
Lucida Grande
Verdana

Que des swiss quoi (ou approchant)

et en fixe :
Andale Mono
Monaco
et Consolas (dans BBE)

ok d'accord, c'est un choix très "classique" que j'avais oublié dans mes
recherches. Merci bien.

Le 19/02/15 20:04, Eric Demeester a écrit :

Donc en résumé, simplicité, sobriété, souplesse:)

oui, oui je suis d'accord.
j'ai abandonné les fonts google, trop longues à charger.

Le 20/02/15 06:39, Une Bévue a écrit :

Le 19/02/15 20:04, Eric Demeester a écrit :

Donc en résumé, simplicité, sobriété, souplesse:)

oui, oui je suis d'accord.
j'ai abandonné les fonts google, trop longues à charger.

Je ne sais pas pour les Google-fonts mais ... normalement, 2 ou 3 fontes
à télécharger c'est assez indolore (surtout si elles sont déclarées dans
une FdS séparée et commune à toutes les pages)

Si c'est trop lent chez Google, tu les télécharges et les mets sur ton
site, non ?

Je viens de m'amuser avec la 'Helvetica Neue regular' donnée comme
"open" dans un des sites proposés :
- téléchargé la police en TTF
- modifiée/traduite en base64
- incrustée en 'data' dans la règle css

Sous Mac et avec Firefox c'est nickel !
(au cas où on voudrait éviter de polluer son Livre des Polices)



@font-face {
font-family: 'helvetica_neueregular';
src: url('data:file/ttf;base64,AAEA=ET=BLABLA=PENDANTÞS=KMSªT')
format('truetype');
font-weight: normal;
font-style: normal;
}

h1 {
font-family: 'helvetica_neueregular', "Helvetica Neue", Helvetica,
Arial, Verdana, "Droid Sans", Roboto, sans-serif;
font-weight: 100;
letter-spacing: 2px;
font-size: 3em;
}

Cordialement,
--
Stéphane Moriaux avec/with iMac-intel 27" & Mac OS X 10.6.8

Une Bévue a écrit le 19/02/2015 09:22 :

je ne parviens pas à trouver un ensemble de polices de caractères qui me
satisfasse vraiment.
quelles polices de caractères utilisez-vous ?

J'utilise essentiellement Arial, un peu moins Verdana et ponctuellement
Trebuchet.
Avec Arial, aucun problème d'affichage : tous les systèmes en sont dotés
et s'ils ne le sont pas (cas des distris Linux, Unix et BSD), cette
police est généralement installée par l'utilisateur.

Cordialement,
--
docanski

Portail et annuaire du nord-Bretagne : http://armorance.free.fr/
Guide des champignons d'Europe : http://mycorance.free.fr/
La vallée de la Rance maritime : http://valderance.free.fr/
Les côtes du nord de la Bretagne : http://docarmor.free.fr/

Le 19/02/15 11:05, Gerald a écrit :

Les thèmes de Multithèmes embarquent presque tous les webfonts suivantes
que j'aime bien (et que j'utilise) :
<http://www.multithemes.com/examples/velum/styles/styled-2/index.html>

bon, je viens de vérifier, il n'y a pas de font spécifique dans
RaipWeaver, que je ne puis installer sur ML.
à la page :
http://www.multithemes.com/examples/velum/styles/etracontent/index.html
ils utilisent :
@font-face {
font-family: 'laconicregular';
...
}

/* 1 ------ Laconic */

@font-face {
font-family: 'caviar_dreamsregular';
<...
}

etc.

entre autres mais je ne les vois pas dans DreamWeaver 6.

Mais il me semble que tout ça dépend de Font Awsome qui serait open
source :
<http://fortawesome.github.io/Font-Awesome/>

là j'ai vu une fonte d'icons, peut-être n'ais-je pas assez fouillé.

Le 20/02/15 09:45, SAM a écrit :

Je ne sais pas pour les Google-fonts mais ... normalement, 2 ou 3 fontes
à télécharger c'est assez indolore (surtout si elles sont déclarées dans
une FdS séparée et commune à toutes les pages)

oui, c'est ce que je fais, j'ai un répertoire /global/fonts.

Si c'est trop lent chez Google, tu les télécharges et les mets sur ton
site, non ?

Je viens de m'amuser avec la 'Helvetica Neue regular' donnée comme
"open" dans un des sites proposés :
- téléchargé la police en TTF
- modifiée/traduite en base64
- incrustée en 'data' dans la règle css

AH bon, on fait un encodage base64 sur la fonte et zou on met ça dans le
fichier css mais comment ?

Sous Mac et avec Firefox c'est nickel !
(au cas où on voudrait éviter de polluer son Livre des Polices)

ok.

je viens d'essayer, par une autre méthode, un tas de fontes.
"Aleo-Regular", par exemple, est récalcitrante, excepté en woff.
la conversion ttf2svg (par batik) me donne une erreur si je corrige, le
fichier Aleo-Regular.svg n'est pas lu par le brower ??? et la police
affichéed est une police par défaut (Times je pense).
par contre le fichier woff est bien chargé et j'ai le bon résultat.

mon html de test est le suivant :
<!doctype html>
<html>
<head>
<!--
http://on-air.hiseo.fr/html5/encodage-caracteres-declaration-html5/ -->
<meta charset='UTF-8' />
<meta http-equiv='Content-type' content='text/html;charset=UTF-8' />
<title>Aleo-Regular - svg test</title>
<style>
@font-face {
font-family: "Aleo-Regular";
src: url("Aleo-Regular.svg") format('svg');
}
div {
font-family: "Aleo-Regular";
}
.trente_six {
font-size: 36px;
}
.vingt_quatre {
font-size: 24px;
}
.dix_huit {
font-size: 18px;
}
.quatorze {
font-size: 14px;
}
.italic {
font-style: italic;
}
.bold {
font-weight: bold;
}
</style>
</head>
<body>
<div class='trente_six'>
Hello, World! (Aleo-Regular - 36px)<br />
ABCDEFGHIJKLM<br />
NOPQRSTUVWXYZ<br />
abcdefghijklm<br />
nopqtrsuvwxy<br />
</div>
<div class='trente_six italic'>
Hello, World! (Aleo-Regular - 36px - italic)
</div>
<div class='trente_six italic bold'>
Hello, World! (Aleo-Regular - 36px - italic - bold)
</div>
<div class='vingt_quatre'>
Hello, World! (Aleo-Regular - 24px)
</div>
<div class='dix_huit'>
Hello, World! (Aleo-Regular - 18px)
</div>
<div class='quatorze'>
Hello, World! (Aleo-Regular - 14px)
</div>
</body>
</html>

Le 20/02/15 09:56, docanski a écrit :

J'utilise essentiellement Arial, un peu moins Verdana et ponctuellement
Trebuchet.
Avec Arial, aucun problème d'affichage : tous les systèmes en sont dotés
et s'ils ne le sont pas (cas des distris Linux, Unix et BSD), cette
police est généralement installée par l'utilisateur.

Ok, merci.

Le 20/02/15 14:45, Une Bévue a écrit :

Le 20/02/15 09:45, SAM a écrit :

Je viens de m'amuser avec la 'Helvetica Neue regular' donnée comme
"open" dans un des sites proposés :
- téléchargé la police en TTF
- modifiée/traduite en base64
- incrustée en 'data' dans la règle css

AH bon, on fait un encodage base64 sur la fonte et zou on met ça dans le
fichier css mais comment ?

Soit on trouve une application de conversion (il en existe en ligne :-( )
soit on fait un mail avec la fonte en piece jointe
on l'enregistre
on fait afficher le code-souce de ce brouillon
et en bas on a tout le code base64 du truc-machin joint (image,pdf,...)

Pour l'insertion dans la FdS je t'ai donné le truc.
(testé Firefox.35 et Safari.5)

"Aleo-Regular", par exemple, est récalcitrante, excepté en woff.

Je n'ai pas essayé avec une fonte en woff (Firefox s'en dépatouille ?)

la conversion ttf2svg (par batik)

Heu ... ne faut-il pas une fonte TTF au départ ?

me donne une erreur si je corrige, le
fichier Aleo-Regular.svg n'est pas lu par le brower ??? et la police
affichéed est une police par défaut (Times je pense).

Je ne comprends pas ...
- je télécharge Aleo ici : http://www.fontsquirrel.com/fonts/aleo
- c'est une OTF
- je dézippe dans mon dossier 'css' à côté de mon fichier html
- je déclare la fonte dans mon document (head) html
- je l'utilise direct sans moulinage !
---> nickel dans Firefox
(la police en SVG n'y est pas acceptée - pas testé iPhone)

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>test fonte TLC</title>
<style>
@font-face {
font-family: 'aloa';

src: url('css/Aleo-Light-webfont.eot?#iefix')
format('embedded-opentype'),
url('css/Aleo-Light-webfont.woff') format('woff'),
url('css/Aleo-Light-webfont.ttf') format('truetype'),
url('css/Aleo-Light-webfont.svg#aleolight') format('svg');
font-weight: normal;
font-style: normal;
}
body { font-family: aloa !important; font-size: 150%; }
</style>
</head>
<body>
<h1>test de la police ALEO</h1>
<h2>en "LIGHT"</h2>
<p>Ceci est un essai de la police Aleo, hop!</p>
<p>La fonte-face doit être déclarée avant de l'utiliser ensuite dans la
FdS !</p>
</body>
</html>

par contre le fichier woff est bien chargé et j'ai le bon résultat.

donc tout baigne, non ?

@font-face {
font-family: "Aleo-Regular";
src: url("Aleo-Regular.svg") format('svg');

et pourquoi ne pas télécharger le aleo-fontfacekit ?
où tu as tous les formats et même leurs pages de test
<http://www.fontsquirrel.com/fonts/aleo#fontface>




Cordialement,
--
Stéphane Moriaux avec/with iMac-intel 27" & Mac OS X 10.6.8

Le 20/02/15 19:25, SAM a écrit :

AH bon, on fait un encodage base64 sur la fonte et zou on met ça dans le
fichier css mais comment ?

Soit on trouve une application de conversion (il en existe en ligne :-( )
soit on fait un mail avec la fonte en piece jointe
on l'enregistre
on fait afficher le code-souce de ce brouillon
et en bas on a tout le code base64 du truc-machin joint (image,pdf,...)

ah ok, génial !

Pour l'insertion dans la FdS je t'ai donné le truc.
(testé Firefox.35 et Safari.5)

"Aleo-Regular", par exemple, est récalcitrante, excepté en woff.

Je n'ai pas essayé avec une fonte en woff (Firefox s'en dépatouille ?)

je ne sais pas.

la conversion ttf2svg (par batik)

Heu ... ne faut-il pas une fonte TTF au départ ?

ben si.

me donne une erreur si je corrige, le
fichier Aleo-Regular.svg n'est pas lu par le brower ??? et la police
affichéed est une police par défaut (Times je pense).

Je ne comprends pas ...

ça doit-être le jar batik-ttf2svg qui déconne.
quand je n'utilise que la fonte, en svg, produite par batik-ttf2svg,
j'ai du Times au lieu d'Aleo, sans doute que Times est la valeur par défaut.

- je télécharge Aleo ici : http://www.fontsquirrel.com/fonts/aleo
- c'est une OTF
- je dézippe dans mon dossier 'css' à côté de mon fichier html
- je déclare la fonte dans mon document (head) html
- je l'utilise direct sans moulinage !
---> nickel dans Firefox
(la police en SVG n'y est pas acceptée - pas testé iPhone)

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>test fonte TLC</title>
<style>
@font-face {
font-family: 'aloa';

src: url('css/Aleo-Light-webfont.eot?#iefix')
format('embedded-opentype'),
url('css/Aleo-Light-webfont.woff') format('woff'),
url('css/Aleo-Light-webfont.ttf') format('truetype'),
url('css/Aleo-Light-webfont.svg#aleolight') format('svg');
font-weight: normal;
font-style: normal;
}
body { font-family: aloa !important; font-size: 150%; }
</style>
</head>
<body>
<h1>test de la police ALEO</h1>
<h2>en "LIGHT"</h2>
<p>Ceci est un essai de la police Aleo, hop!</p>
<p>La fonte-face doit être déclarée avant de l'utiliser ensuite dans la
FdS !</p>
</body>
</html>

par contre le fichier woff est bien chargé et j'ai le bon résultat.

donc tout baigne, non ?

ouais mais j'ai vérifié format par format (ttf, eot, svg et woff).
et le problème était côté fonte en svg, testée seule.

@font-face {
font-family: "Aleo-Regular";
src: url("Aleo-Regular.svg") format('svg');

et pourquoi ne pas télécharger le aleo-fontfacekit ?

j'avions juste pas vu, c'était ma première utilisation de squirrel...

où tu as tous les formats et même leurs pages de test
<http://www.fontsquirrel.com/fonts/aleo#fontface>

c'est ce que j'ai fini par faire, et là, ça roule...

merci beaucoup et bon week-end.

Maintenant il faut que je répare Apache 2 qui marche plus depuis mes
essais de tout à l'heure alors que je n'ai pas bidouillé httpd...

Le 20-02-2015, SAM nous expliquait dans
fr.comp.infosystemes.www.auteurs
(<54e77c14$0$3057$426a74cc@news.free.fr>) :

AH bon, on fait un encodage base64 sur la fonte et zou on met ça dans le
fichier css mais comment ?

Soit on trouve une application de conversion (il en existe en ligne :-( )
soit on fait un mail avec la fonte en piece jointe
on l'enregistre
on fait afficher le code-souce de ce brouillon
et en bas on a tout le code base64 du truc-machin joint (image,pdf,...)

J'imagine qu'on peut également utiliser base64 tout simplement en ligne
de commandes.

~$ base64 /usr/share/fonts/TTF/DejaVuSansMono.ttf

(je ne mets pas ici le résultat de la commande qui serait trop long:
443Ko en base64 pour un fichier original de 328Ko)

--
Un autre fou sort de son trou
Et vient respirer la lumière
Qui gerce les murs d'Hangui-Tcheou
Comme un grand coup de cimeterre
-- H.F. Thiéfaine, Le chant du fou