[RÉGLÉ] Ajout d'une police (non web)

[CF-info]

Bonjour bonjour,

Soyez assurés d'une chose, quand je pose une question, c'est que j'ai déjà bien creusé seul avant !

Ma question est simple, mais reste sans réponse : Comment ajouter une police non web à mon site ? Quand je dis à mon site, c'est que je veux pouvoir l'utiliser où je veux par la suite : Menus, Articles, etc.

Je suis conscient du/des problème(s) que cela engendre, mais je pars du principe qu'un client peut me l'imposer, ce qui est compréhensible.
Voici les tutos et/ou astuces que j'ai tenté de suivre sans succès :
http://forum.joomla.fr/showthread.ph...ouvelle-Police (mon principal problème étant ici que je ne sais pas ce qu'est "l'élément concerné")
http://www.pulsar-informatique.com/a...mla-cufon-font (ici, pour le point 4, je ne sais pas où exactement aller quand il est dit : "et on l’insère au template", c'est le fichier template.css ?)
http://creation-de-site-uvnet.blogsp...ns-joomla.html (là, problème similaire, je ne sais pas où écrire le h1 etc...)
http://www.stylitek.com/tutoriel-joo...site-html.html (Celui-là me semblait sympa mais je ne sais pas ce que veux dire "Définissez vos css")
J'ai aussi essayé avec Phoca Font, mais sans succès.

Je crois que le problème de fond viens de mon manque de vocabulaire technique...

J'utilise l'éditeur JCE et le template (côté site) est protostar

Merci d'avance !

PS : Est-ce que la conception d'un template sur mesure simplifie les choses ?

[toffffe]

Re : Ajout d'une police (non web)

Salut
Quand je dis "Définissez maintenant vos css :"
Celà veut dire qu'il faut que tu appel ta police sur les éléments que tu souhaites. Par exemple sur les h1, h2, ...ou sur les paragraphe, ...
Pour faire simple tu dis dans tes css, je veux que mes h1 utilises ma police, en taille 32px, ...

[dolmenhir]

Re : Ajout d'une police (non web)

Soyez assurés d'une chose, quand je pose une question, c'est que j'ai déjà bien creusé seul avant !

Apparement pas assez profondément, ou pas au bon endroit...

Je suis conscient du/des problème(s) que cela engendre, mais je pars du principe qu'un client peut me l'imposer, ce qui est compréhensible.

Je crois donc comprendre que tu ferais des sites pour des clients... mais tu ne sais pas comment t'y prendre pour gérer tes polices...
Un conseil : laisse faire les pro, et pendant ce temps apprend les fondamentaux.
Tu verras, avec un peu de méthode et de rigueur, tu peux apprendre assez vite, car ce sont des sujet relativement simples.

Sinon, histoire de ne pas passer pour le "chieur" de service, voici quelques pistes...

Chaque élément textuel de ta page s'affichera avec une police particulière :
- soit générique et définie par défaut par le navigateur du visiteur,
- soit définie de manière globale par une définition css du site
- soit définie au cas par cas pour chaque élément ou famille d'élément (les titres, les paragraphes, les liens, etc...)

en CSS, tu définies ta famille de police comme suit (ici pour toute la page car dans la class "body") :

body{
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}

NB : sans-serif est une famille générique qui permet au navigateur de prendre la plus approchante s'il ne trouve pas celles qui sont explicitement appelée par leur nom

Pour un titre tu peux être plus précis et indiquer la taille, la couleur, et autres effets :

h1 {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size : 18px;
	color : #ccff00;
	text-transform : uppercase;
}

Si ta compréhension n'en est pas là, je te conseil de lire "Le CSS pour les nuls".

Si tu veux utiliser des polices particulières, tu peux faire appel aux GoogleFont.
Il te faudra alors ajouter une ligne d'appel vers ta police qui tu placeras dans ton en-tête :

<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

Resteras à définir les class pour chaque élément/famille d'élément, comme présenté précédemment.
NB : certains templates font appel à GoogleFont et permettent de personnaliser la police utilisée.

Si tu veux aller plus loin, et utiliser une police encore plus personnelle, alors là faut convertir la police initiale en police web (en fait en plusieurs format de type .eot, .svg, .ttf, .woff - certains sites font ça pas trop mal) et déclarer l'appel à cette famille de police dans la feuille de style :

@font-face {
	font-family: 'DroidSansRegular';
	src: url('DroidSans-webfont.eot');
	src: url('DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
		 url('DroidSans-webfont.woff') format('woff'),
		 url('DroidSans-webfont.ttf') format('truetype'),
		 url('DroidSans-webfont.svg#DroidSansRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
body { font-family: "DroidSansRegular"; }

NB : l'url des polices appelées indique clairement que les fichiers sont dans le même dossier que la feuille css... Modifier l'url si l'emplacement diffère.

Important : certaines/beaucoup de polices acquises pour des besoins bureautiques sont soumises à licence. Il n'est donc pas forcément autorisé :
- de les convertir en police web
- des les utiliser pour un site

Vérifier les termes de la licence.

J'ai quand même l'impression que tu part de loin...

[CF-info]

Re : Ajout d'une police (non web)

Apparemment pas assez profondément, ou pas au bon endroit...

Merci Je m'en étais douté...

Je crois donc comprendre que tu ferais des sites pour des clients... mais tu ne sais pas comment t'y prendre pour gérer tes polices...
Un conseil : laisse faire les pro, et pendant ce temps apprend les fondamentaux.

Je ne me considère pas comme un pro, mais comme un auto-entrepreneur de campagne qui a la volonté de satisfaire les attentes modestes de ses clients. Bref, mes choix commerciaux ne sont pas le but de ce sujet

Tu verras, avec un peu de méthode et de rigueur, tu peux apprendre assez vite, car ce sont des sujet relativement simples.

Si je viens poser des questions, c'est justement pour apprendre...

Sinon, histoire de ne pas passer pour le "chieur" de service, voici quelques pistes...

Eh bien sache que tes quelques pistes m'ont beaucoup apportées et que j'y ai trouvé la solution à mon problème ! (Il me manquait juste le fait de savoir où mettre le nom de la police : dans le fichier template.css et après body{ en l’occurrence)

Alors tu vois, eh bah l’ignare de service ce rapproche doucement du niveau pro grâce à toi ! (cette phrase est à prendre au second degré et avec humour )

En tout cas, merci beaucoup, sincèrement !

[dolmenhir]

Re : Ajout d'une police (non web)

Bonjour CF-info,

Ravi que mon aide t'ai servi.
T'inquiètes pour le second degré, je sais le déceler, écrivant souvent moi-même avec une bonne demi-douzaine de degrés dans mes propres messages. Et je en manque pas d'humour non plus.

Navré également pour le ton un peu cinglant des premières lignes, mais j'ai croisé de nombreux débutants "jouant les pros" (et c'est encore le cas) qui ont souvent eu besoin de ce type de petit "électrochoc" pour "les remettre dans le bon chemin".
Loin de moi la volonté de "clasher" gratuitement, bien au contraire. Mais en tant que pro, c'est toujours agaçant de voir des amateurs vouloir agir en pro alors qu'ils sont loin de l'être.... ça ne rend service ni à eu-même ni à la profession (tu comprendras toi-même quand tu seras devenu un vrai pro )

D'ailleurs, tu l'as bien vu, mes critiques, remarques et autres commentaires s'accompagnent (presque) toujours d'un complément constructif. Bref, je joins l'utile au désagréable

Et il se peut que je récidive un jour

Dol.

[CF-info]

Re : Ajout d'une police (non web)

Je suis conscient que je ne suis pas un pro. D'ailleurs, avant qu'un de mes clients me demande si je faisais des sites internet, je n'avais même pas pensé à me lancer là-dedans. Mais par chez moi, il n'y a pas beaucoup d'agence de communication (je ne suis même pas sûr qu'il y en est une dans ma ville) et je n'ais donc pas vraiment l'impression de "voler" le travail des pros. Ceci dit, je ne penses pas arriver un jour au niveau pro, et ce n'est pas mon objectif. Je veux simplement pouvoir proposer des sites simples pour satisfaire les besoins locaux, pas pour devenir un géant du dev web

En tout cas merci encore pour ton aide et ton humour cinglant !