{"id":13135,"date":"2019-08-31T05:18:09","date_gmt":"2019-08-31T10:18:09","guid":{"rendered":"https:\/\/fontsarena.com\/leon-sans-par-jongmin-kim\/"},"modified":"2019-08-31T05:18:09","modified_gmt":"2019-08-31T03:18:09","slug":"leon-sans-par-jongmin-kim","status":"publish","type":"post","link":"https:\/\/fontsarena.com\/fr\/leon-sans-par-jongmin-kim\/","title":{"rendered":"Leon Sans par Jongmin Kim"},"content":{"rendered":"\n<p>Leon Sans est une police \u00e9tonnante ! Un sans-serif g\u00e9om\u00e9trique r\u00e9alis\u00e9 enti\u00e8rement en code (javascript) par Jongmin Kim. Chaque poing de dessin poss\u00e8de des valeurs de coordonn\u00e9es que vous pouvez modifier pour cr\u00e9er des formes, des effets ou des animations personnalis\u00e9s.<\/p>\n\n\n\n<p>Il permet de la manipuler comme une police variable, de changer le poids de la police de fa\u00e7on dynamique. Mais plus encore, vous pouvez cr\u00e9er des animations, des effets ou des formes personnalis\u00e9s dans l&rsquo;\u00e9l\u00e9ment HTML5 <code>&lt;canvas&gt;<\/code>. Il a con\u00e7u cette police pour c\u00e9l\u00e9brer son nouveau-n\u00e9, L\u00e9on.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-examples\">Exemples<\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/cmiscm\/leonsans\/gh-pages\/screenshot\/drawing.gif\" alt=\"Dessin d'animation\"><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/cmiscm\/leonsans\/gh-pages\/screenshot\/weight.gif\" alt=\"Changement de poids\"><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/cmiscm\/leonsans\/gh-pages\/screenshot\/colorful.gif\" alt=\"Color\u00e9e\"><\/figure>\n\n\n\n<p>Vous trouverez d&rsquo;autres exemples sur le <a href=\"https:\/\/github.com\/cmiscm\/leonsans\" target=\"_blank\" rel=\"noopener noreferrer\">d\u00e9p\u00f4t Github de Leon Sans<\/a> ou sur le site Web <a href=\"https:\/\/leon-kim.com\/examples\/\" target=\"_blank\" rel=\"noopener noreferrer\">leon-kim.com\/examples\/<\/a>.<\/p>\n\n\n\n<p>Regardez par exemple l&rsquo;<a href=\"https:\/\/github.com\/cmiscm\/leonsans\" target=\"_blank\" rel=\"noopener noreferrer\">effet de pluie<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-usage\">Utilisation<\/h3>\n\n\n\n<p>T\u00e9l\u00e9chargez le fichier js minifi\u00e9 dans le dossier dist et incluez-le dans votre html.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;script src=\"js\/leon.js\"&gt;&lt;\/script&gt;<\/code><\/pre>\n\n\n\n<p>G\u00e9n\u00e9rer LeonSans et le dessiner dans l&rsquo;\u00e9l\u00e9ment Canvas de HTML5.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">this.canvas = document.createElement('canvas');\ndocument.body.appendChild(this.canvas);\nthis.ctx = this.canvas.getContext(\"2d\");\n\nthis.leon = new LeonSans({\n    text: 'The quick brown\\nfox jumps over\\nthe lazy dog',\n    color: ['#000000'],\n    size: 160,\n    weight: 200\n});\n\nrequestAnimationFrame(animate);\n\nfunction animate(t) {\n    requestAnimationFrame(animate);\n    this.ctx.clearRect(0, 0, document.body.clientWidth, document.body.clientHeight);\n    const x = (document.body.clientWidth - this.leon.rect.w) \/ 2;\n    const y = (document.body.clientHeight - this.leon.rect.h) \/ 2;\n    this.leon.position(x, y);\n    this.leon.draw(this.ctx);\n}<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-option-list\">Liste des options<\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Nom<\/th><th>Type<\/th><th>Description<\/th><\/tr><\/thead><tbody><tr><td>\n  <code>text<\/code>\n<\/td><td>cha\u00eene de caract\u00e8res<\/td><td>Le texte qui doit \u00eatre affich\u00e9.<\/td><\/tr><tr><td>\n  <code>size<\/code>\n<\/td><td>nombre entier<\/td><td>La taille du texte.<\/td><\/tr><tr><td><code>weight<\/code><\/td><td>num\u00e9ro<\/td><td>Le poids de la police : <code>1 - 900<\/code>. [D\u00e9faut : <code>1<\/code>]<\/td><\/tr><tr><td><code>color<\/code><\/td><td>tableau<\/td><td>Les couleurs de chaque personnage. [D\u00e9faut :  <code>['#000000']<\/code>]<\/code><\/td><\/tr><tr><td><code>colorful<\/code><\/td><td>tableau<\/td><td>Les couleurs pour un effet color\u00e9. [D\u00e9faut :  <code>['#c5d73f', '#9d529c', '#49a9db', '#fec330', '#5eb96e', '#fc5356', '#f38f31']<\/code>]<\/code><\/td><\/tr><tr><td><code>tracking<\/code><\/td><td>entier<\/td><td>L&rsquo;espacement entre les caract\u00e8res d&rsquo;un bloc de texte. [D\u00e9faut : <code>0<\/code>]<\/td><\/tr><tr><td><code>leading<\/code><\/td><td>entier<\/td><td>La distance entre chaque ligne de texte. [D\u00e9faut : <code>0<\/code>]<\/td><\/tr><tr><td><code>align<\/code><\/td><td>cha\u00eene de caract\u00e8res<\/td><td>Comment le contenu du texte de l&rsquo;\u00e9l\u00e9ment est align\u00e9 horizontalement : <code>left, center, right<\/code>. [D\u00e9faut : <code>left<\/code>]<\/td><\/tr><tr><td><code>pathGap<\/code><\/td><td>num\u00e9ro<\/td><td>L&rsquo;\u00e9cart entre chaque coordonn\u00e9e des points sur une ligne de chaque caract\u00e8re : <code>0 - 1<\/code>. [D\u00e9faut : <code>0.5<\/code>]<\/td><\/tr><tr><td><code>amplitude<\/code><\/td><td>num\u00e9ro<\/td><td>L&rsquo;amplitude de l&rsquo;effet de vague : <code>0 - 1<\/code>. [D\u00e9faut : <code>0.5<\/code>]<\/td><\/tr><tr><td>\n  <code>maxWidth<\/code>\n<\/td><td>nombre<\/td><td>La largeur de la phrase de texte.<\/td><\/tr><tr><td><code>breakWord<\/code><\/td><td>boolean<\/td><td>Les mots s&rsquo;interrompent lorsqu&rsquo;ils atteignent la fin d&rsquo;une ligne. [D\u00e9faut : <code>false<\/code>]<\/td><\/tr><tr><td><code>fps<\/code><\/td><td>num\u00e9ro<\/td><td>Le FPS pour l&rsquo;effet de vague. [D\u00e9faut : <code>30<\/code>]<\/td><\/tr><tr><td><code>isPath<\/code><\/td><td>boolean<\/td><td><code>true<\/code>  pour obtenir les valeurs des coordonn\u00e9es des points sur une ligne de chaque caract\u00e8re. [D\u00e9faut : <code>false<\/code>]<\/td><\/tr><tr><td><code>isWave<\/code><\/td><td>boolean<\/td><td><code>true<\/code>  pour l&rsquo;effet de vague. [D\u00e9faut : <code>false<\/code>]<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-\">&nbsp;<\/h3>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-properties\">Propri\u00e9t\u00e9s<\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Nom<\/th><th>Type<\/th><th>Description<\/th><\/tr><\/thead><tbody><tr><td>\n  <code>lineWidth<\/code>\n<\/td><td>nombre<\/td><td>L&rsquo;\u00e9paisseur des lignes du caract\u00e8re.<\/td><\/tr><tr><td><code>scale<\/code><\/td><td>nombre<\/td><td>L&rsquo;\u00e9chelle du caract\u00e8re. <code>scale<\/code> est <code>1<\/code> lorsque la taille de la police est <code>500<\/code>.<\/td><\/tr><tr><td><code>drawing<\/code><\/td><td>tableau<\/td><td>Les valeurs des objets de dessin pour chaque personnage. <code>0<\/code> est le d\u00e9but de l&rsquo;animation, <code>1<\/code> est la fin de l&rsquo;\u00e9tat d&rsquo;animation.<\/td><\/tr><tr><td>\n  <code>data<\/code>\n<\/td><td>tableau<\/td><td>Un objet contenant les donn\u00e9es brutes du texte.<\/td><\/tr><tr><td>\n  <code>paths<\/code>\n<\/td><td>tableau<\/td><td>Les valeurs des coordonn\u00e9es des points sur une ligne de chaque caract\u00e8re.<\/td><\/tr><tr><td><code>drawingPaths<\/code><\/td><td>tableau<\/td><td>Les valeurs des coordonn\u00e9es des points sur une ligne de chaque personnage pour dessiner l&rsquo;animation du dessin en WebGL. Il a 1px de distance de chaque chemin.<\/td><\/tr><tr><td>\n  <code>wavePaths<\/code>\n<\/td><td>tableau<\/td><td>Les valeurs des coordonn\u00e9es des points sur une ligne pour l&rsquo;effet de vague.<\/td><\/tr><tr><td>\n  <code>rect<\/code>\n<\/td><td>Objet<\/td><td>La taille du texte et sa position : <code>{x: x position, y: y position, w: width, h: height}<\/code>.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h--1\">&nbsp;<\/h3>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-methods\">M\u00e9thodes<\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Nom<\/th><th>Description<\/th><\/tr><\/thead><tbody><tr><td><code>on()<\/code><\/td><td>Ajouter l&rsquo;\u00e9v\u00e9nement <code>update<\/code>.<\/td><\/tr><tr><td><code>off()<\/code><\/td><td>Supprimez l&rsquo;\u00e9v\u00e9nement <code>update<\/code>.<\/td><\/tr><tr><td><code>position(x, y)<\/code><\/td><td>D\u00e9finissez la position du texte.<\/td><\/tr><tr><td><code>updateDrawingPaths()<\/code><\/td><td>Mise \u00e0 jour des chemins pour le dessin en WebGL (PIXI.js). C&rsquo;est tr\u00e8s cher, on n&rsquo;appelle que quand c&rsquo;est n\u00e9cessaire.<\/td><\/tr><tr><td><code>drawPixi(graphics)<\/code><\/td><td>Dessinez du texte en WebGL avec PIXI.js.<\/td><\/tr><tr><td><code>draw(ctx)<\/code><\/td><td>Dessinez du texte dans l&rsquo;\u00e9l\u00e9ment Canvas.<\/td><\/tr><tr><td><code>drawColorful(ctx)<\/code><\/td><td>Dessinez l&rsquo;effet color\u00e9.<\/td><\/tr><tr><td><code>wave(ctx, t)<\/code><\/td><td>Dessinez l&rsquo;effet de vague.<\/td><\/tr><tr><td><code>pattern(ctx, w, h)<\/code><\/td><td>Dessiner des formes rectangulaires \u00e0 chaque point du chemin<\/td><\/tr><tr><td><code>grid(ctx)<\/code><\/td><td>Dessinez une grille pour chaque type.<\/td><\/tr><tr><td><code>point(ctx)<\/code><\/td><td>Tracez des cercles \u00e0 chaque point de dessin et des lignes pour chaque type.<\/td><\/tr><tr><td><code>box(ctx)<\/code><\/td><td>Dessinez une bo\u00eete de contour pour le texte.<\/td><\/tr><tr><td><code>reset()<\/code><\/td><td>R\u00e9initialiser toutes les valeurs.<\/td><\/tr><tr><td><code>destroy()<\/code><\/td><td>D\u00e9truire.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n<div class=\"panel__important\">\n\t<strong>20 septembre 2019<\/strong> Leon Sans inclut d\u00e9sormais le format .otf<br \/>\n<a class=\"btn__download\" href=\"https:\/\/github.com\/cmiscm\/leonsansfont\/archive\/master.zip\">T\u00e9l\u00e9charger uniquement les polices .oft<\/a><br \/>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Leon Sans est une police \u00e9tonnante ! Un sans-serif g\u00e9om\u00e9trique r\u00e9alis\u00e9 enti\u00e8rement en code (javascript) par Jongmin Kim. Chaque poing de dessin poss\u00e8de des valeurs de coordonn\u00e9es que vous pouvez modifier pour cr\u00e9er des formes, des effets ou des animations personnalis\u00e9s. Il permet de la manipuler comme une police variable, de changer le poids de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":10521,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":[3481],"meta":{"footnotes":""},"categories":[4757],"tags":[4778,4823,4796],"creator":[3500],"license":[2995],"class_list":["post-13135","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sans-serif","tag-meilleur","tag-personnel-fav","tag-polices-speciales-gratuites","creator-jongmin-kim"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Free font Leon Sans par Jongmin Kim &#8212; FontsArena<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fontsarena.com\/fr\/leon-sans-par-jongmin-kim\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Free font Leon Sans par Jongmin Kim &#8212; FontsArena\" \/>\n<meta property=\"og:description\" content=\"Leon Sans est une police \u00e9tonnante ! Un sans-serif g\u00e9om\u00e9trique r\u00e9alis\u00e9 enti\u00e8rement en code (javascript) par Jongmin Kim. Chaque poing de dessin poss\u00e8de des valeurs de coordonn\u00e9es que vous pouvez modifier pour cr\u00e9er des formes, des effets ou des animations personnalis\u00e9s. Il permet de la manipuler comme une police variable, de changer le poids de [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fontsarena.com\/fr\/leon-sans-par-jongmin-kim\/\" \/>\n<meta property=\"og:site_name\" content=\"FontsArena\" \/>\n<meta property=\"article:published_time\" content=\"2019-08-31T10:18:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/fontsarena.com\/wp-content\/uploads\/2019\/08\/leon-sans-javascript-font.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1760\" \/>\n\t<meta property=\"og:image:height\" content=\"1600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Kossi Adzo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@FontsArena\" \/>\n<meta name=\"twitter:site\" content=\"@FontsArena\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kossi Adzo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/fontsarena.com\\\/fr\\\/leon-sans-par-jongmin-kim\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/fontsarena.com\\\/fr\\\/leon-sans-par-jongmin-kim\\\/\"},\"author\":{\"name\":\"Kossi Adzo\",\"@id\":\"https:\\\/\\\/fontsarena.com\\\/fr\\\/#\\\/schema\\\/person\\\/0db6bea17de8c884001cda9c320eb1ad\"},\"headline\":\"Leon Sans par Jongmin Kim\",\"datePublished\":\"2019-08-31T10:18:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/fontsarena.com\\\/fr\\\/leon-sans-par-jongmin-kim\\\/\"},\"wordCount\":617,\"publisher\":{\"@id\":\"https:\\\/\\\/fontsarena.com\\\/fr\\\/#\\\/schema\\\/person\\\/0db6bea17de8c884001cda9c320eb1ad\"},\"image\":{\"@id\":\"https:\\\/\\\/fontsarena.com\\\/fr\\\/leon-sans-par-jongmin-kim\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/fontsarena.com\\\/wp-content\\\/uploads\\\/2019\\\/08\\\/leon-sans-javascript-font.png\",\"keywords\":[\"Meilleur\",\"Personnel Fav\",\"Polices sp\u00e9ciales gratuites\"],\"articleSection\":[\"Sans-Serif\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/fontsarena.com\\\/fr\\\/leon-sans-par-jongmin-kim\\\/\",\"url\":\"https:\\\/\\\/fontsarena.com\\\/fr\\\/leon-sans-par-jongmin-kim\\\/\",\"name\":\"Free font Leon Sans par Jongmin Kim &#8212; FontsArena\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/fontsarena.com\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/fontsarena.com\\\/fr\\\/leon-sans-par-jongmin-kim\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/fontsarena.com\\\/fr\\\/leon-sans-par-jongmin-kim\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/fontsarena.com\\\/wp-content\\\/uploads\\\/2019\\\/08\\\/leon-sans-javascript-font.png\",\"datePublished\":\"2019-08-31T10:18:09+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/fontsarena.com\\\/fr\\\/leon-sans-par-jongmin-kim\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/fontsarena.com\\\/fr\\\/leon-sans-par-jongmin-kim\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/fontsarena.com\\\/fr\\\/leon-sans-par-jongmin-kim\\\/#primaryimage\",\"url\":\"https:\\\/\\\/fontsarena.com\\\/wp-content\\\/uploads\\\/2019\\\/08\\\/leon-sans-javascript-font.png\",\"contentUrl\":\"https:\\\/\\\/fontsarena.com\\\/wp-content\\\/uploads\\\/2019\\\/08\\\/leon-sans-javascript-font.png\",\"width\":1760,\"height\":1600},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/fontsarena.com\\\/fr\\\/leon-sans-par-jongmin-kim\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/fontsarena.com\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sans-Serif\",\"item\":\"https:\\\/\\\/fontsarena.com\\\/fr\\\/sans-serif\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Leon Sans par Jongmin Kim\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/fontsarena.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/fontsarena.com\\\/fr\\\/\",\"name\":\"FontsArena\",\"description\":\"Free fonts, free alternatives, done-for-you-research articles. Ads-free open startup.\",\"publisher\":{\"@id\":\"https:\\\/\\\/fontsarena.com\\\/fr\\\/#\\\/schema\\\/person\\\/0db6bea17de8c884001cda9c320eb1ad\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/fontsarena.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/fontsarena.com\\\/fr\\\/#\\\/schema\\\/person\\\/0db6bea17de8c884001cda9c320eb1ad\",\"name\":\"Kossi Adzo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/fontsarena.com\\\/wp-content\\\/uploads\\\/2018\\\/07\\\/logo-square.png\",\"url\":\"https:\\\/\\\/fontsarena.com\\\/wp-content\\\/uploads\\\/2018\\\/07\\\/logo-square.png\",\"contentUrl\":\"https:\\\/\\\/fontsarena.com\\\/wp-content\\\/uploads\\\/2018\\\/07\\\/logo-square.png\",\"width\":250,\"height\":250,\"caption\":\"Kossi Adzo\"},\"logo\":{\"@id\":\"https:\\\/\\\/fontsarena.com\\\/wp-content\\\/uploads\\\/2018\\\/07\\\/logo-square.png\"},\"description\":\"Kossi Adzo is the editor and chief author behind the globally recognized platform, FontsArena.com. As a highly accomplished software engineer with a deep-seated passion for innovation, businesses, and companies, Kossi has successfully built a reputable name for himself in the tech industry. He brings an infectious enthusiasm for the technological world and a sincere commitment to bridging the gap between technology and everyday life.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Free font Leon Sans par Jongmin Kim &#8212; FontsArena","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fontsarena.com\/fr\/leon-sans-par-jongmin-kim\/","og_locale":"fr_FR","og_type":"article","og_title":"Free font Leon Sans par Jongmin Kim &#8212; FontsArena","og_description":"Leon Sans est une police \u00e9tonnante ! Un sans-serif g\u00e9om\u00e9trique r\u00e9alis\u00e9 enti\u00e8rement en code (javascript) par Jongmin Kim. Chaque poing de dessin poss\u00e8de des valeurs de coordonn\u00e9es que vous pouvez modifier pour cr\u00e9er des formes, des effets ou des animations personnalis\u00e9s. Il permet de la manipuler comme une police variable, de changer le poids de [&hellip;]","og_url":"https:\/\/fontsarena.com\/fr\/leon-sans-par-jongmin-kim\/","og_site_name":"FontsArena","article_published_time":"2019-08-31T10:18:09+00:00","og_image":[{"width":1760,"height":1600,"url":"https:\/\/fontsarena.com\/wp-content\/uploads\/2019\/08\/leon-sans-javascript-font.png","type":"image\/png"}],"author":"Kossi Adzo","twitter_card":"summary_large_image","twitter_creator":"@FontsArena","twitter_site":"@FontsArena","twitter_misc":{"\u00c9crit par":"Kossi Adzo","Dur\u00e9e de lecture estim\u00e9e":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fontsarena.com\/fr\/leon-sans-par-jongmin-kim\/#article","isPartOf":{"@id":"https:\/\/fontsarena.com\/fr\/leon-sans-par-jongmin-kim\/"},"author":{"name":"Kossi Adzo","@id":"https:\/\/fontsarena.com\/fr\/#\/schema\/person\/0db6bea17de8c884001cda9c320eb1ad"},"headline":"Leon Sans par Jongmin Kim","datePublished":"2019-08-31T10:18:09+00:00","mainEntityOfPage":{"@id":"https:\/\/fontsarena.com\/fr\/leon-sans-par-jongmin-kim\/"},"wordCount":617,"publisher":{"@id":"https:\/\/fontsarena.com\/fr\/#\/schema\/person\/0db6bea17de8c884001cda9c320eb1ad"},"image":{"@id":"https:\/\/fontsarena.com\/fr\/leon-sans-par-jongmin-kim\/#primaryimage"},"thumbnailUrl":"https:\/\/fontsarena.com\/wp-content\/uploads\/2019\/08\/leon-sans-javascript-font.png","keywords":["Meilleur","Personnel Fav","Polices sp\u00e9ciales gratuites"],"articleSection":["Sans-Serif"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/fontsarena.com\/fr\/leon-sans-par-jongmin-kim\/","url":"https:\/\/fontsarena.com\/fr\/leon-sans-par-jongmin-kim\/","name":"Free font Leon Sans par Jongmin Kim &#8212; FontsArena","isPartOf":{"@id":"https:\/\/fontsarena.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/fontsarena.com\/fr\/leon-sans-par-jongmin-kim\/#primaryimage"},"image":{"@id":"https:\/\/fontsarena.com\/fr\/leon-sans-par-jongmin-kim\/#primaryimage"},"thumbnailUrl":"https:\/\/fontsarena.com\/wp-content\/uploads\/2019\/08\/leon-sans-javascript-font.png","datePublished":"2019-08-31T10:18:09+00:00","breadcrumb":{"@id":"https:\/\/fontsarena.com\/fr\/leon-sans-par-jongmin-kim\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fontsarena.com\/fr\/leon-sans-par-jongmin-kim\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/fontsarena.com\/fr\/leon-sans-par-jongmin-kim\/#primaryimage","url":"https:\/\/fontsarena.com\/wp-content\/uploads\/2019\/08\/leon-sans-javascript-font.png","contentUrl":"https:\/\/fontsarena.com\/wp-content\/uploads\/2019\/08\/leon-sans-javascript-font.png","width":1760,"height":1600},{"@type":"BreadcrumbList","@id":"https:\/\/fontsarena.com\/fr\/leon-sans-par-jongmin-kim\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/fontsarena.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Sans-Serif","item":"https:\/\/fontsarena.com\/fr\/sans-serif\/"},{"@type":"ListItem","position":3,"name":"Leon Sans par Jongmin Kim"}]},{"@type":"WebSite","@id":"https:\/\/fontsarena.com\/fr\/#website","url":"https:\/\/fontsarena.com\/fr\/","name":"FontsArena","description":"Free fonts, free alternatives, done-for-you-research articles. Ads-free open startup.","publisher":{"@id":"https:\/\/fontsarena.com\/fr\/#\/schema\/person\/0db6bea17de8c884001cda9c320eb1ad"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fontsarena.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":["Person","Organization"],"@id":"https:\/\/fontsarena.com\/fr\/#\/schema\/person\/0db6bea17de8c884001cda9c320eb1ad","name":"Kossi Adzo","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/fontsarena.com\/wp-content\/uploads\/2018\/07\/logo-square.png","url":"https:\/\/fontsarena.com\/wp-content\/uploads\/2018\/07\/logo-square.png","contentUrl":"https:\/\/fontsarena.com\/wp-content\/uploads\/2018\/07\/logo-square.png","width":250,"height":250,"caption":"Kossi Adzo"},"logo":{"@id":"https:\/\/fontsarena.com\/wp-content\/uploads\/2018\/07\/logo-square.png"},"description":"Kossi Adzo is the editor and chief author behind the globally recognized platform, FontsArena.com. As a highly accomplished software engineer with a deep-seated passion for innovation, businesses, and companies, Kossi has successfully built a reputable name for himself in the tech industry. He brings an infectious enthusiasm for the technological world and a sincere commitment to bridging the gap between technology and everyday life."}]}},"_links":{"self":[{"href":"https:\/\/fontsarena.com\/fr\/wp-json\/wp\/v2\/posts\/13135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fontsarena.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fontsarena.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fontsarena.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fontsarena.com\/fr\/wp-json\/wp\/v2\/comments?post=13135"}],"version-history":[{"count":0,"href":"https:\/\/fontsarena.com\/fr\/wp-json\/wp\/v2\/posts\/13135\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fontsarena.com\/fr\/wp-json\/wp\/v2\/media\/10521"}],"wp:attachment":[{"href":"https:\/\/fontsarena.com\/fr\/wp-json\/wp\/v2\/media?parent=13135"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fontsarena.com\/fr\/wp-json\/wp\/v2\/categories?post=13135"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fontsarena.com\/fr\/wp-json\/wp\/v2\/tags?post=13135"},{"taxonomy":"creator","embeddable":true,"href":"https:\/\/fontsarena.com\/fr\/wp-json\/wp\/v2\/creator?post=13135"},{"taxonomy":"format","embeddable":true,"href":"https:\/\/fontsarena.com\/fr\/wp-json\/wp\/v2\/format?post=13135"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/fontsarena.com\/fr\/wp-json\/wp\/v2\/license?post=13135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}