{"id":3860,"date":"2021-06-17T04:55:03","date_gmt":"2021-06-17T11:55:03","guid":{"rendered":"https:\/\/fontstruct.com\/news\/?p=3860"},"modified":"2021-07-16T06:26:17","modified_gmt":"2021-07-16T13:26:17","slug":"layers-and-color","status":"publish","type":"post","link":"https:\/\/fontstruct.com\/news\/2021\/06\/17\/layers-and-color\/","title":{"rendered":"Layers and Color"},"content":{"rendered":"<p>Dear FontStructors,<\/p>\n<p>We are introducing three new features today.<\/p>\n<h2>For Everyone: OpenType\/CFF Downloads<\/h2>\n<p>Strictly speaking this is not a new feature, but hitherto it was <a href=\"https:\/\/fontstruct.com\/faq\/88\/fs-patrons\/all-about-fs-patrons\" target=\"_blank\" rel=\"noopener noreferrer\">Patron-only<\/a>. From today, all FontStructors will be able to download any appropriately-licensed FontStruction in the OpenType\/CFF format. You can read more about the format and its qualities in <a href=\"https:\/\/fontstruct.com\/news\/2021\/03\/04\/opentype-downloads-with-cff-outlines\/\">this earlier blog post<\/a>.<\/p>\n<h2>Layers (<a href=\"https:\/\/fontstruct.com\/faq\/88\/fs-patrons\/all-about-fs-patrons\">Patrons Only<\/a>)<\/h2>\n<p>Layers were a part of the original FontStruct concept, and now, over 13 years later, we\u2019re finally implementing them in the FontStructor.<\/p>\n<p>To access the new Layers window, simply go into Expert Mode and then choose View-&gt;Layers from the Menu:<\/p>\n<p><a href=\"https:\/\/fontstruct.com\/news\/wp-content\/uploads\/2021\/06\/layers-menu.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3882\" src=\"https:\/\/fontstruct.com\/news\/wp-content\/uploads\/2021\/06\/layers-menu.png\" alt=\"Layers Menu\" width=\"969\" height=\"983\" \/><\/a><\/p>\n<p>Each FontStruction starts with one default layer, but you can add up to a total of eight.<\/p>\n<p>Layers can be sorted using drag and drop, renamed, and, of course deleted if they are empty.<\/p>\n<p>Layer visibility can also be toggled, and invisible layers will be excluded from the download. This opens up the possibility of creating guide layers which you keep visible while designing but hide for download.<\/p>\n<p>I\u2019m confident that the our wily Patrons will come up with many ingenious uses for layers, but perhaps the main reason for introducing them is to allow us to introduce something else, something entirely new to FontStruct \u2026<\/p>\n<h2>Color Fonts (<a href=\"https:\/\/fontstruct.com\/faq\/88\/fs-patrons\/all-about-fs-patrons\">Patrons Only<\/a>)<\/h2>\n<p><a href=\"https:\/\/fontstruct.com\/news\/wp-content\/uploads\/2021\/06\/layers-colors.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3880\" src=\"https:\/\/fontstruct.com\/news\/wp-content\/uploads\/2021\/06\/layers-colors.png\" alt=\"Layers and Colours\" width=\"969\" height=\"983\" \/><\/a><\/p>\n<p>For good reasons, most real-world design employs only monochromatic glyphs. There is also plenty of scepticism in global design communities regarding the value of color fonts. Some see them as gimmicky, while others are frustrated that, up until now, for the most part, the colors are \u201cbaked-in\u201d, and can\u2019t be changed without editing the font itself.<\/p>\n<p>But, polychromatic fonts do have clear uses: for icon sets for example, for emojis (yes, I know we don\u2019t offer emojis as an option in the FontStructor yet) games and other custom projects.<\/p>\n<p>Most importantly perhaps, color fonts are fun to create and use. I think they are a good match for FontStruct \u2013 already the birthplace of so many, wonderfully-extravagant display fonts.<\/p>\n<p>So, with up to eight layers in the FontStructor, you can now work with up to eight separate colors. Simply assign a color to each layer using the color-picker.<\/p>\n<p><a href=\"https:\/\/fontstruct.com\/news\/wp-content\/uploads\/2021\/06\/layers-colors2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3884\" src=\"https:\/\/fontstruct.com\/news\/wp-content\/uploads\/2021\/06\/layers-colors2.png\" alt=\"Layer Color Picker\" width=\"969\" height=\"983\" \/><\/a><\/p>\n<p>You can download your multicolored font from the FontStruction\u2019s download page. The \u201cRichard of York\u201d image above was created using a color font built using FontStruct.<\/p>\n<p>Note that only certain desktop software supports color fonts, and there are a number of competing formats.<\/p>\n<p>The format we are offering initially is called \u201cOpenType SVG\u201d. This format is supported by Windows, OSX, by Sketch, the Affinity software, <span class=\"recap-format\">Adobe Photoshop, Illustrator and InDesign, by <\/span>Paint.NET and by some (but not all!) browsers. Note that OpenType SVG fonts also always contain a monochromatic fallback version of each glyph, and you will always be able to download traditional TrueType and OpenType versions from FontStruct.<\/p>\n<p>This is only the first step in our exploration of color fonts. We hope to add support for other color font formats (such as COLR) in the future to offer wider browser support. We may also add a multi-font download option whereby each layer can be downloaded as a separate font.<\/p>\n<h2>Become an FS Patron<\/h2>\n<p>As these are \u201cniche\u201d features, it\u2019s likely that we will keep layers and color fonts as <a href=\"https:\/\/fontstruct.com\/faq\/88\/fs-patrons\/all-about-fs-patrons\">patron-only<\/a> in the medium-term and possibly even long-term. If you are desperate to try out color designs in the FontStructor, remember that <a href=\"https:\/\/fontstruct.com\/patron\/subscribe\">you can sign up to be a patron at any time<\/a> to not only enjoy access to this feature, but also to directly support the ongoing development of FontStruct as a whole.<\/p>\n<h2>Thanks<\/h2>\n<p>Thanks, as always, to our wonderful sponsors <a href=\"https:\/\/glyphsapp.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">GlyphsApp<\/a>, and to our treasured <a href=\"https:\/\/fontstruct.com\/patron\/subscribe\">Patrons<\/a>.<\/p>\n<p>Happy FontStructing!<\/p>\n<p>P.S.<\/p>\n<p><a href=\"https:\/\/fontstruct.com\/fontstructors\/529376\/architaraz\">architaraz<\/a> has created a great <a href=\"https:\/\/www.youtube.com\/watch?v=WYj4i2JOPpM\">introductory video tutorial<\/a> on creating a color font using FontStruct.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dear FontStructors, We are introducing three new features today. For Everyone: OpenType\/CFF Downloads Strictly speaking this is not a new feature, but hitherto it was Patron-only. From today, all FontStructors will be able to download any appropriately-licensed FontStruction in the OpenType\/CFF format. You can read more about the format and its qualities in this earlier [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3860","post","type-post","status-publish","format-standard","hentry","category-news"],"_links":{"self":[{"href":"https:\/\/fontstruct.com\/news\/wp-json\/wp\/v2\/posts\/3860","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fontstruct.com\/news\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fontstruct.com\/news\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fontstruct.com\/news\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/fontstruct.com\/news\/wp-json\/wp\/v2\/comments?post=3860"}],"version-history":[{"count":36,"href":"https:\/\/fontstruct.com\/news\/wp-json\/wp\/v2\/posts\/3860\/revisions"}],"predecessor-version":[{"id":4075,"href":"https:\/\/fontstruct.com\/news\/wp-json\/wp\/v2\/posts\/3860\/revisions\/4075"}],"wp:attachment":[{"href":"https:\/\/fontstruct.com\/news\/wp-json\/wp\/v2\/media?parent=3860"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fontstruct.com\/news\/wp-json\/wp\/v2\/categories?post=3860"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fontstruct.com\/news\/wp-json\/wp\/v2\/tags?post=3860"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}