Page 1 sur 1

Récupérer les nombres pour leur attribuer une font spéciale

Posté : 21 mars 2016, 12:54
par ambip
Hello à tous!

Je cherche depuis un petit temps la réponse à une quête assez spécifique. N'ayant pas trouvé la solution, je me tourne vers vous pour cela.

Je réalise un site web et la cliente souhaite utiliser 2 fonts, une uniquement pour le texte et l'autre uniquement pour les chiffres.
Bien sûûûr, il faut que lorsqu'elle mette en titre ou un texte, elle n'ait pas à faire quoique ce soit pour paramétrer elle-même les chiffres ou le "@".

Existe-il en php un moyen de récupérer les nombres et le @ pour leur donner un comportement spécifique (ici une font différente)?

Votre coup d'oeil éclairé et votre savoir phpien me seraient d'une graaaande aide, et je vous en remercierais bien volontiers :)

Re: Récupérer les nombres pour leur attribuer une font spéciale

Posté : 21 mars 2016, 13:01
par or 1

Re: Récupérer les nombres pour leur attribuer une font spéciale

Posté : 16 avr. 2016, 17:15
par ambip
J'ai oublié de répondre à la gentille réponse de or 1!
J'ai trouvé une alternative très simple par la suite après avoir appliqué sa réponse. :)

Pour ceux que ça intéresse (bon c'est en CSS mais bon ^^ ça peut tjs servir...) :
Dans ma déclaration CSS de font spéciale nombres et le caractère @, j'ai rajouté :
"unicode-range: U+30-40;"

du coup ça m'a donné ça :
@font-face {
    font-family: 'engravers_dbold';
    src: url('../fonts/urw_-_engraversd-bol-webfont.eot');
    src: url('../fonts/urw_-_engraversd-bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/urw_-_engraversd-bol-webfont.woff2') format('woff2'),
         url('../fonts/urw_-_engraversd-bol-webfont.woff') format('woff'),
         url('../fonts/urw_-_engraversd-bol-webfont.ttf') format('truetype'),
         url('../fonts/urw_-_engraversd-bol-webfont.svg#engravers_dbold') format('svg');
    font-weight: normal;
    font-style: normal;
    [b]unicode-range: U+30-40;[/b]
}
Puis plus bas, je stylise mon body avec la typo de base et celle pour les chiffres.
body,html{
	width:100%;
	height:100%;
	font-family: 'engravers_dbold','Arial';
}
:) tout simplement.
Merci en tout cas pour la réponse!