These are chat archives for WildCodeSchool/faq_candidats

22nd
Jun 2017
youssef67
@youssef67
Jun 22 2017 11:44
Bonjour, actuellement en train de bosser sur la quête , je rencontre un problème et je vous assure que j'ai fait mes recherches sur le net mais je ne trouve pas la solution pour un problème très simple. Pour intégrer une police sur jsfiddle, il suffit de la rajouter à l'onglet external ressource, mais j'ai beau essayer les différentes méthodes, je n'arrive pas trouver le format ou bien la procédure a suivre, quelqu'un peux m'éclairer?
LauLu
@DaFt2794
Jun 22 2017 11:45
Déclare le dans ton CSS via un cdn
m4rthiz
@m4rthiz
Jun 22 2017 11:45
il vaut mieux la prendre sur https://fonts.google.com/ par exemple !
youssef67
@youssef67
Jun 22 2017 11:51
lol ok je ne sais pas ce qu'est un CDN, je vais faire une recherche pour comprendre
LauLu
@DaFt2794
Jun 22 2017 11:52
C'est héberger, du coup tu met juste l'adresse
youssef67
@youssef67
Jun 22 2017 11:54
je suis désolé, je suis en phase d'apprentissage donc j'ai encore du mal avec certains process
donc si je comprends bien, cette adresse par exemple, https://fonts.googleapis.com/css?family=Nothing+You+Could+Do
je l'a déclare simplement sur mon onglet CSS sur Jsfiddle?
LauLu
@DaFt2794
Jun 22 2017 11:57
Oui
youssef67
@youssef67
Jun 22 2017 11:58
je l'ai déjà fait via la @font-face et j'ai pas le résultat attendu
m4rthiz
@m4rthiz
Jun 22 2017 11:59
tu peux mettre la lien en external ressource, non ?
youssef67
@youssef67
Jun 22 2017 12:00
Je dois surement fait un erreur quelque part, mais j'ai tenté de mettre ce lien dans external ressource mais cela ne fonctionne pas
si je clique sur ce lien en external ressource, il me dirige vers une page 404
ensuite tu apelle ta font dans ton css .
LauLu
@DaFt2794
Jun 22 2017 12:08
Dans ton html tu met link dans le header, avec le chemin du cdn et rel stylesheet
youssef67
@youssef67
Jun 22 2017 12:11
@DaFt2794 j'ai essayé de mettre un header comme je fais d'habitude, mais sur jsfiddle, le header n'est pas autorisé.
m4rthiz
@m4rthiz
Jun 22 2017 12:12
oui, c'est pour ça qu'au lieu de linker dans le header, il faut mettre le lien dans les ressources externes ...
youssef67
@youssef67
Jun 22 2017 12:15
@m4rthiz merci! Donc quand tu dis j'appelle ma font dans le CSS, je dois mettre ce lien https://fonts.googleapis.com/css?family=Nothing+You+Could+Do avec @font-face dans le CSS?
LauLu
@DaFt2794
Jun 22 2017 12:15
Nan me suis trompé
JSFIDDLE prend pas de header le mieux c'est d'écrire dans un éditeur de texte local après tu copie collé tout sur JSFIDDLE
m4rthiz
@m4rthiz
Jun 22 2017 12:17
Le lien tu le met dans les ressources externes, et dans ton css tu met font-family : 'nothing you could do'
youssef67
@youssef67
Jun 22 2017 12:17
Pas de souci, je trouve ça très cool de prendre le temps de me répondre
@m4rthiz ok j'essaye ça de suite
LauLu
@DaFt2794
Jun 22 2017 12:18
<link href="https://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet">
m4rthiz
@m4rthiz
Jun 22 2017 12:18
en tous cas c'est comme ça que moi j'ai fais !
LauLu
@DaFt2794
Jun 22 2017 12:18
= c'est le nom de ta typo j'ai mit sans dans mon header et ça fonctionne
youssef67
@youssef67
Jun 22 2017 12:19
@DaFt2794 tu as mis un header sur ton jsfiddle?
mdr ça ne marche pas, je crois que je vais prendre un feutre et refaire directement les polices sur mon écran!!!!!
j'ai bien mis le lien https://fonts.googleapis.com/css?family=Nothing+You+Could+Do dans eternal ressource et dans le css j'ai appelé la police via font-family
m4rthiz
@m4rthiz
Jun 22 2017 12:26
j'ai essayé avec ta police, et effectivement, ça ne fonctionne pas... essaie une autre .
LauLu
@DaFt2794
Jun 22 2017 12:30
Tu l'a bien écrit avec des guillemets sachant quand tu l'appel dans ton CSS avec font family ?
youssef67
@youssef67
Jun 22 2017 12:33
@m4rthiz avait raison, il y avait un problème avec ma police, je viens d'essayer la technique à @DaFt2794 et elle fonctionne très bien aussi
Merci à vous deux !!!
m4rthiz
@m4rthiz
Jun 22 2017 12:33
de rien !
Remi200
@ponche
Jun 22 2017 15:01
JsFiddle ne suppport pas tout les formats de police. Tester en local dans JsFiddle.
Sans jsfiddle
Aurelie-feyzin
@Aurelie-feyzin
Jun 22 2017 17:41
@youssef67 (et tous ceux qui posent la question) : Coucou, un petit fichier jsFiddle pour integrer facilement une police dans le CSS : https://jsfiddle.net/qchfbbut/
Baroushat
@Baroushat
Jun 22 2017 19:07
Une agréable fin de journée à tous(tes)
Comment doit-on envoyer en ligne sur Odyssey le site Wild-Circus une fois terminée ?!? svp !
Aurelie-feyzin
@Aurelie-feyzin
Jun 22 2017 19:13
@Baroushat : Critéres de validation : Le code source du site est disponible sur jsfiddle
Pour créer ce site, il te faudra utiliser les technologies HTML, CSS et l’éditeur de code en ligne JS Fiddle. Pour commencer, tu devras donc d’abord te rendre sur le site https://jsfiddle.net/.
Lorsque tu auras fini, n’oublie pas de poster l’URL du fiddle en cliquant sur le boutton “Soumettre une solution”
Toutes ces infos sont disponible dans la mission candidats ...
pibouv
@pibouv
Jun 22 2017 20:56
Certains Robozzles n'étaient vraiment pas simples haha