{"id":4867,"date":"2025-04-13T00:02:23","date_gmt":"2025-04-13T07:02:23","guid":{"rendered":"https:\/\/fontstruct.com\/news\/?p=4867"},"modified":"2025-05-15T10:38:15","modified_gmt":"2025-05-15T17:38:15","slug":"new-download-formats-woff2-and-colr","status":"publish","type":"post","link":"https:\/\/fontstruct.com\/news\/2025\/04\/13\/new-download-formats-woff2-and-colr\/","title":{"rendered":"New Download formats: WOFF2 and COLR."},"content":{"rendered":"<p>Dear FontStructors,<\/p>\n<p>A small, tardy birthday gift to celebrate FontStruct\u2019s recent 17th birthday: Today we\u2019re adding support for two new download formats to FontStruct: <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/CSS_fonts\/WOFF\" target=\"_blank\" rel=\"noopener\">WOFF2<\/a> \u2013 the current standard webfont format \u2013 and <a href=\"https:\/\/learn.microsoft.com\/en-us\/typography\/opentype\/spec\/colr\" target=\"_blank\" rel=\"noopener\">COLR<\/a> v0 \u2013 the colour font format with the broadest software support, much broader than SVG Truetype, which was all we offered until now.<\/p>\n<p>The headline for this blog post is not a GIF. It\u2019s a font! (<a href=\"https:\/\/fontstruct.com\/fontstructions\/show\/1960777\/kd-loopin\">kd loopin<\/a> by <a href=\"https:\/\/fontstruct.com\/fontstructors\/529376\/kassymkulov\">kassymkulov<\/a>): a WOFF2 webfont with COLR. You\u2019ll notice that it\u2019s possible to customize the font colours with COLR fonts. You can even animate the palettes. Also, because it\u2019s a webfont, you can embed it and try it out directly in your browser. Click on the headline and give it a go!<\/p>\n<p>You\u2019ll find the new download formats on the download page for each FontStruction e.g. <a href=\"https:\/\/fontstruct.com\/fontstructions\/download\/2650830\">zeeventeen eye\/FS<\/a>. (COLR only for colour fonts obviously).<\/p>\n<p>Creating colour fonts will remain <a href=\"https:\/\/fontstruct.com\/faq\/88\/fs-patrons\/all-about-fs-patrons\">patron<\/a>-only for the forseeable future, BUT we will soon run a colour competition for which all FontStructors will be able to design in colour.<\/p>\n<div id=\"attachment_4876\" style=\"width: 810px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/fontstruct.com\/news\/wp-content\/uploads\/2025\/04\/colr-fonts.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4876\" class=\"wp-image-4876\" src=\"https:\/\/fontstruct.com\/news\/wp-content\/uploads\/2025\/04\/colr-fonts-700x457.png\" alt=\"Examples of COLR fonts\" width=\"800\" height=\"522\" \/><\/a><p id=\"caption-attachment-4876\" class=\"wp-caption-text\">Clockwise from top left: <a href=\"https:\/\/fontstruct.com\/fontstructions\/show\/1959430\/kd-pirog\">kd pirog<\/a> by <a href=\"https:\/\/fontstruct.com\/fontstructors\/529376\/kassymkulov\">kassymkulov<\/a>, <a href=\"https:\/\/fontstruct.com\/fontstructions\/show\/1957561\/bulbambulai3630i\">bulbambulAI3630i<\/a> by <a href=\"https:\/\/fontstruct.com\/fontstructors\/392385\/jirinvk\">jirinvk<\/a>, <a href=\"https:\/\/fontstruct.com\/fontstructions\/show\/1972460\/zupra-3d-eye-fs\">zupra 3D eYe\/FS<\/a> by <a href=\"https:\/\/fontstruct.com\/fontstructors\/198352\/elmoyenique\">elmoyenique<\/a>, and <a href=\"https:\/\/fontstruct.com\/fontstructions\/show\/2281347\/priosma\">priosma<\/a> by <a href=\"https:\/\/fontstruct.com\/fontstructors\/378391\/four\">four<\/a><\/p><\/div>\n<p>Special thanks as always to our <a href=\"https:\/\/fontstruct.com\/faq\/88\/fs-patrons\/all-about-fs-patrons\">patrons<\/a> who support work on new features such as this one, as well as the costs of running and maintaining FontStruct. And many thanks also to our two generous sponsors <a href=\"https:\/\/glyphsapp.com\/\">Glyphs<\/a> and <a href=\"https:\/\/www.fontself.com\/\">Fontself<\/a> \u2013 wonderful people creating excellent and unique font creation software.<\/p>\n<p>Happy FontStructing!<\/p>\n<!-- HFCM by 99 Robots - Snippet # 1: ColorCompCSS -->\n<style>\r\n    @font-face {\r\n        font-family: offstruct-rgb;\r\n        src: url(data:application\/octet-stream;base64,d09GMgABAAAAABmMAAwAAAAAnnAAABk2AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIpJqIyYGYACTCAqB2BCBnVYLkWgAATYCJAORZAQgBZcuByAbeXcV7NiL9JSP\/rIogo2DCMKYjkQIGwcQhN5O\/P81OTms8TKAk1hGoxR1DHiu1Sk3nZlITsNRG70tHucm+\/Djv+Kp3tGe+Mb5vVuyfwemGdiw6UItMlzpFSU3F0gQy+IDxemiyw8j2nvRpB89UnfpJVU6RkMj7yPP879Wed8v6OohXgBQyyHkRQqCjIyMzEGaWBR+lQj8\/3Mfv33OuXe9I\/h1rDQrzsJsAhlmooTiqBUOFIbDiGH0PIzFmvd3KREaVPMGUTXTvJl0ShOv0EzOvKRbwLPSnUy8hPqfuvLpjqvIAVS4w39bxU74sCYdcmkfVAGSQ9DdbpewtUXrTdiaNA1ZClRXBbqEnseJu9ckf53QmBqJ0WCEQakRABGAAuCZjjf+b61Zu5CR\/zaemUNiVnSW8bNQIvzfWhuxnb9mlUxIRyJSxU8F07k9rXsZLYGWeCytDUs3ZNv\/w1AbrpGQPlGiWAqE7C0CdzoPxP28B86\/YtUEI8iEtf\/fWv++7RtEYXAC7GJEVoSKMreqT5+609O3eq25QCG+YahT+1RnembuCzCqKBSW2cisODaehGEVIVyMjLLfuA8FzppHq98qjtTdOR6LUtmdDaRJC78CG7LUp98bJUAOiKmb3XSEjtbP4dlyEEKgCplzyyesBMSIrxLXK\/0PPHApjJAH\/e0Xun7rdP0xpv01p\/2zXPtvvYZapwN26SBwqQ4GrtXBglt1sOFeHRx4VAcXntXBg\/06+HBchwDOdwjhnQ4RfNIhhk87JPBZhxQ+75DBFx1ybzsU3utQ+qBD5bMOtS86NL7q0PqrQ+dfN\/T+d8MQ6IYxfOiGKXId5uh1WGLXYY1fhy1xHfbkdThS1+FMX4crcx3u7HV4ctfhzV+Hr3Ad\/uJ1BErXESxfR6hyxwhXpyNSm2NE69URa1RHvFk7Ei3pSLalI9WRY6S7dIxMtxwj20PHyPVCR74Pmg9yjvLjPCUvk7fNnwtGziMXqAAuUAoyedjsOHvkFHKUsuFsJUeTq82Nc0fOIGcpFy5dyjBl2lK4VOQ2cp\/K4\/KlAlO2LYfLRW4gV6goLloKM4XbIrgY5CpyjUriYqU4U7zNihNF1iLrKCFOWBIxSdhkOFlkK7KBkuKkJUETu42D40RWIqsoNo5L4jPx2wQ4bmQ1soYy4AwlI5OuTY\/TR\/YiBykLzlIyMZnazDgdZCeyi1Lh5CUFk6JNldNEdiN7KDVOXdIwFdqucFeRv5HfqAvuUrpuum27w91F\/kX+o25xZ9KOade2x20iH5FP1D53LJ2YTm0H3CHyI\/I\/9YH76ETd5n4PPfnyi79e9Z7PXbVmwzYWWtZqdnfSmQv7OOhY8+leT31atKOjQU1mejMNGTGOpuJKJr1AIRFZVKqrMfkVKsHWa+QNtcBNSzOmWdsit4q8Rd5RS9yytGKasg1wg8hz5BHVx\/VLw6Zx2wQ3ibxEXlFjHLN4xHjYeow9Cg\/A\/eQh9qB43HjWeoY9D8\/Bk+QJ9rR4yrjPuondCLfAzeQ6dq24wbjeupXdDXfBveQedru4zbjTuoO9hlfxhrxuZ8UZ4\/w6x97E+3hPPrQP4u3x1nrX3sFp2E9eYQfFAeNF6wX2MrwEh8gJdlycMk5aR9hhOAZHyTVsTswaC60FbAomYYZMs0VihbHcWsVWwhJYTJaxpWLCaDUaRYceioiiVqnU+hqjihGMwxgZVAyoDKsNaexle+Ai2Ed2sh1it7HLuphdCVfA1eQqVkTqoTaaS8NkAAGAP4QkWDzDfXziBYQByZCQdEmN6IlIHBADSuOd3taHeX+v9BJ4A7yOj\/pe3+bn\/dBn4BPwNb7oRd2Z23dPd4EbwPW4pZt1f57eEz0HngEP44Ee16N1eWeYbiBXkAOkPUwnWB1hd39f+4D808+e7bHe72U7AP+BfwlgoPV7ft1f\/QEJ0grTAqst7DZwGmEaADIDZIK4pt7qmf7rUyfQoe7qmoEb0ygwEeMaqsEZuWG1A9VAVdSqpsqn7CpVAdQBLdGstmqdhqtXE9AYB9qvozm8HW0De7Gr47qci7uqKxSAf8jf7D\/xr\/Gn9Z19ix\/ke\/sqvhzfrK\/tR\/wOv8k8+0P8PH5av9ovoBUtRjjxM4NWzX10O5MBrXwsRBU\/oejD5yhqFtcrt+ol1Pj\/faBGzdM1gBqAAMDVv9aWcMOJVyP\/qaDd1t6DoH+joHowPiwHCipMiVD\/YpaLMKJTtJa7cMV1d7z6Rxl3uOamu\/9Lh9zspOOO2m6VvP6ho\/H6pFC2E\/UV5CGWf7P+C3At0Mj1gARkQzQrWCPHm4eIO+CZFsGQOCJqIbwoK+qzUkysV2otYFhE2DR2hAVcstFR\/rZZYWTgnKG5GxUwQwSXKhOHG816EQW5GXsS5rHJ89aFgK8y8hhBVBMHBVqj6UnRp1IV\/18I+hbOWiOxQbHpSuiqnknHwJUxeVuX2\/nCrDrdxetFsFc3ICBhiqanTd\/ly2RyYQGAFAUC1E1ATJ5NS6H0IbwZgh27eQ07ADObnLqMAEwmMY+SWM2+mCvp1RXq+nmR35XEXO1A5VhhqyGf3gYBjyYkA4NQ9oFHi71PCbFC2u670d5qXDFbcszEHrsmo4OITLYgCzTHUuLeqixFc2Z6LGR6c7H2ZFxqvebS9ZMcmyWZRwkmdaNkwj0NSt8gMst0N5jOFTE372z7Wi\/O08w1bsq6NPnBN+fbdKmw3rW7qr65tkubBmMCp4llCVE1oeVSIbDctpv300HPp+v98Db5creuoTanG3jdWoNNYwWt9lcf1+51XTZXyUcdrqHq\/PNTIKv6slMer2NYXYm\/oLF8mNUrxPiqkL4E3tSWtmke2fH09er4fP\/3enuK2pT6tbOIYmX\/3ZHqVclnPt0AVO6v0ko6X6gs9XiYgx1KnL8CU2okM\/QS1dBLdwBL\/CUyy+yBy3qtxO4yTAPB0xf8Dld+ncUaqOOKGkLWsqIBmBtoWniJfuleP\/iIriK+RE1C96wsgClUHaIYzq43ddqw38yBeWx9pECdCqppNS6kQVecxszTFI6HgMYmfX41CFnTjSUrR+S5BcgD+6nASQ4ZsBpWk8txMbmc\/MSBzZ0zO6y8sLF7yr\/37D2GQ6N9rrZrEh4x9dmiYf1WI55BLQ28xVLPBeW77wvovjgrl7oqSEfvFtFt7a2xW6NqAa26FpdwoOi5XCdT+UgZO686z76acz045x7htd5JDq0O8zrpt\/AIwFvcNEZNkdZzaxnxr8YXlKlG3YrIOoEoOqRuqa2Ut1wk8gDy+Lt+psZNHekuXerg1jlnOPwxBjVlKJRawyiIS6O4CUCAjdwaDteGQQZ9KLCTx74zdPQm\/aZ1BftMw3bd8Qmz6q32Yp6dpatYAEoDU6nhLLTmewk5rA0YrsQMCmGt1zasmxg1NT73r17Y8WihdQ9W1Lgdvy1tvNoUfMMsqYGRNpxK5pcSY1vmbe48\/jR18mDKrhyxDyGZ\/3SQVlf2pWzNKkDKqS3LQuMnompM+YQA8jRBZdaCsGENslnPRVUBtE1TnOd23DVV\/Oph2XIp9pCgFIz4br9p9SYIFSOoNvayBbRMl86Ol7VNyOf2Vg2w60HlTVrXtFkvh29ZR1wHZYg4SAcXwEHGl2++qXLgoDQUZ5uq5R2m1CnLa3e7APeXwDEgNcxF0yw78dXV6ZKsKgrtivmKFZHmoDE6nlp5d7smNVndAmMzDzhWzcXpndf6mfrDmizMsvHPm6PvZhpWTjHtZ5x2L\/\/t7YtDYC3fj6U4bR4aMBWodMWwDYa22oGqU0MSAWrRPv88PCKLh7pM0ecugX1kdLnkycszrSUHYACdCbHV4dqx3pJjtFA8G22vamktrg1MPJCxGesHu2MjPKfNIw+laJmzBd5Eb5FnChawq2LXEbbsNq6dVet\/3e4mi9LsHC1dFg6i7eDCbjnkUBx8ssSpcNht5YmntsYMdiO3xQ9rLlVm\/H3Eulhteh0RHJ7LbkiUPF6R4\/WBF72K0FsfwzLyLPVVQc2IFyCJsaVS60\/HU2YztulQtlvNzfPBIpc1qc8Fm9yRcuw6Yq5GK9W57LgXQXBjT9aSXMTpHCL5M6HAydTGYvCH8sYJG062bit4mBKT7NemLqOGZpENqE9cU1d5QN6jH9yHttmgxbguzY6p2OuJn+NR3urFQ0UTFhGgowx3aL+2csE\/eRFle4Q6Zg3aEH7PcT3lWButjrWKJSbkDJ0nFjFwrGR01XOd\/o9mZq8eyYlaIXH7YMShD9Fn6bz8OK5Q6cNe13vD4fNuXj8p52zDp+7YJTnl8XahA3Sw5Ept99Sr+YkGwNAMk7ZjUoyfDSOok4R\/Y+KSokLVaUWL99Kh01GiWAKh42sot3ObdW6uSVBLOKXyqkAoFg4mbrdNTsen4d7cOgbT7Px5ungNzzJeqNWaZH5awjVJgSHkcn52KFky8sDD+oVsQpSgDRD+RColsVhjDADHLOpifRv9Y8z9wMal\/vCHyEnp\/Oj1EUvWnY0IfWAU+ZvZEYz87YJ7u\/3s\/+O6xgpITzc8\/nn4L2VKO1+ghe0KQlj+x+TFYexop7n59BiBU\/JlVGKlFJJstHv6dPMocUYEj1IVxypF2ENgZKwhxmEqSilVsWPM240RPDKeAwFEHJS\/XL9OzC1LYtf8plO1f3vowcX\/J4fn1Fczt\/ypU+vZg+wwebN9+LfKDgFcHO7Zm7v8adkmTDOcF0qVUnHFjdnXGy2JiHnpJqG8o2CsVGLRqmQvGRFAvdY5dC9LyJKKipVK7Shq0mpy5t2oIDnO8K3GqF8PJewVM93l7IyfpCo3LBfeyCzyf+Ucv0oeIGQv6XpTHKjfIMEUajN2FArvwdV31qQ+J17uBoAXoW8CtgkYOynzyXHm7h0XJq4XqQsjy0Z2ezv3rDo4\/\/2ibPbEVy8+IBReR6Uyd8xFn38Zxotp4wyyjDyQvyQMOFcqcHQUroy\/h3IysULDSgYet+\/xXZnJMWVFYM7MZj2HznBKh7VTtdFhT6Kj7+P0MksXPGXdZNXNzk3wTHUrPTOv2NoCzJozlEbO4T475jDDyXsQxLK0YZwiFgVx0iiYSNHzQbYwotXNA1EVcGgr2umA+q8tYTvf+YORRxmjACJBexsttj9vtMy09E2dFYkzqM5jSisrJeSlQRNAgcD141wRYGHwZ\/\/vqYy5HkSN1Kl6iSROrRJ8txRc6pchOxFnfAIFZfvaUgfPwo\/5WZ3Bp3R0RzGGUPpZmOZg8ipYL7+5wAZUSNY4IUfXUPULKFWpzMueesogw8UxKrIQqUqdwBS4TnjYkHRAniG3QO0Fb6pCDvfU5EYtVZ5OoYLOvEq67aWGjiPNYGcVAt6krOvraGQEeMuqUKhaevXXq2F6wInoUZtb8a0\/nPikEYcttp84QfK4jExxXHDDiWsq5Kx1l9ndokKk8YbfUmfj1K9C7qbHILKNQuHhBEZHdT46khMMggwYItIIy23oKD62SGGOFoqNg8ce4ITy+NI3rhYottH4JARK0amwJ6thSEBZtlGj6QWLC30gH6DMrjwN3gzSQ1x4qbJxWP366LSiGwrL6AgcNX7XuOWKkd+VE58sV1zERr5nHCmdmiblZybMioNfzbQtmFeOMUiyPuzwJ4tbDUcTzdSi7kdiwP44O7d+OMQs1dw20Ibov2CqEdnXDL0p06jmeoc5ohtymDQwzfCaB0+lqlFYBxEeMMS8wIKGSK502a5NowsDLIZYB6JTBb4mwZIUDq2z1kVkXZfEBTmhK0dnfBdikniLFXJD83cK15pOK2YHTq0GX7bO8clNdBKVjm76gdixGMYS\/lJqunWBCy7ZvUlCPA45hbHR\/EeZ5\/p81UyPxX1m3IHn2itUZW6xuHBHMksq71GMX0Y4zHbGDhNL2DNtwBkuNAdDKIe3K\/dkiH8VG7rvEkeTcaZJsLwTBTAwqSFTirIGm6YuovlovniJXZtJRcKXQVdqDC918DECKhS63AOLhGNCc1qMvZHlZlfLBXBCGZtpPX\/HCm40tyngaK+rsHM941MrxVb2mCtpc7WLXtFjHHLAoUmqSHz+CJmMac4Pw5xoZg+bhFf4q2x5koAAsTL\/ua2YAQWThX0Mq57ocMzAowNosI0PEzg8bV9c57aN6Vs2fkAJC42YXQxwZe5whQurzeAs86xTP3lbBV8SEsclmbWFXcl201RKYQMGXTqQjgLM2UPZJpV2jPyt9GMBVb5Vpf9Hvlbai54UwPZC87oyanMnJnphnR9PEGbFwL\/ggkLCukUOgzExeSOeIimK9cV6QSVnAgR37ljWPG\/cDNAtHxK9o4EwJ5gvs2k2cIMh9SzOJkDZKrUJSAoGQFgE8FOMzpVWL9z0SGort0v3EQNGaGjz4w6v\/RK\/PtulFy9KSqVQY7gQ7+TUXBGGgHwUZQv3eWDWwsdQLuqg\/mdRW\/PQWdnS9DQjwWg+e5Jf0K2R2huvt5axSHrVRqcWpKmixMOvmCCYqFyBoGjqFYmg5r+A2s+sGvJEPkhNniF3mT0SDtAtnjhgRoOmE7AB+xQIU5SCxyc3byZcrbE3DSjFbIQp6pHOZD57FGuTao15xpqrYzc\/ETcqzz8jj7Ys889e+EPCSx05sb7SNTaJtEhzLZcbvrguSBP1ZgETSlF2CXZNhSPFmHUdpD1lWNSuh5XNtfLc+gZrOWQvrtw4AMHnADnmcehY2jY4pHSSdZL9PncQ8Jmj\/3wnYYqRAiL+aokXqzVrFx+NT4H5eTycL1R+XaSmb5OIUhXfPWEQ8PetAo4XPwNVYkQm25rn1jlvxYef0mp6jtz+DY5I86r8mgbFZjzj2BEEr2ciR8X7BX\/f6wfTtQvRCtazq7JjqRpcbdWvbQXxDRdeiPQEjptrzJUXioG5++\/T1QsbZu5NcaVYbAoMNlB74DZF54YzJzduJCpOW5rYQkFNu+lnydOFveDu2GXpq2BD88hwhabtE7XIg+swUmnuY+9tE1lnoi7Yr3uwTajWcwPiir4l+XPb5lbK4lWfeDQG5Y92eJEPtiqJPvi9HGl2tY\/XuCHj1zhF4XUJQE9RO7d33CyHujLg3tDvvpi8KG51bbSq0ubix2FySQwOGj\/JOsl+l0kC2yIaBMMmdXnTpU+jUbTEf4\/Xu2EAGNB24s6msTXKv+NDQQcu\/M1UTr7C\/+X\/wSI\/8tApgvBvi6eeMWwCD6+W\/lnepmf46yRfN+TYBpLNqmebZjIZySISq9oKQL6aHBuvrjxjM0R9ctrDDe4SlZOsntW5IiRUJgNIyAUSIrNgcdFLNkpYHTAZuEsJZbZ9lgSze8nM4JHQPBqkK6yI3lSexWzSJWv6Gi6lqq3ZDti6JrNDFn+ALLJAKECRWjZ\/wO3CRTQ5OUwm17AjF5L5rA6GhkQE613JsQRX95jJHTn2GRKicjyIOaauuuwCdYh4ZLeQyVwFyG00qRIVqjEkPMuq4ICqOs6G1ViGEC+CyqqFi5Fq3awLgavq9bak9UMFszY4oOZV31QxNIZBvYVDidpEVxQOZVqzj81FTY8UlSSsGvS8OHKy2ZHUVDoVslracSE5jH0h3NC13Ks\/5vBihqsmXHTFrBhENcKLBIdbqsShTk8QJOlOPKSzDq+aPy6KmkHOAoP4+FD234xQtrtlQfHqbL90sdWVDo8Jwr8rxYi7ASoTHgDUVnoG0JjxGtAa8wbQc7d3gM7mqAH61qYOMGA+X4BBxy9+gCHHr3aAYZcveoBJt5cjIMytYQKsXNsEor94TqDoLT4QqPQX3wXUxhcq0BhckhNodUsmAj2bNheBzsw2JdA3ub0JDHhkxxEYtG9fJzBk36EkMGzFMSUw6fSEEYShFfUiSwLgytN96MTEedkpRlb87lQmBr9TWzmMncbMKHdaY3Mmlp3e3ePZ6TbPfKe\/dp52BuZX3Rk8\/jrOhra8tTvDl9\/Lu0za3v9\/Q8Tc27yHoO44j8MlgW8uBHMgAphBBOEuFFAw4gJkpWVlzPSBOYKgPL+2LA4FQzgLIg4Dsf0fWTjByxlWM5LSouLQGw4\/xdKOxCkGCXgEgACJQ0yWEMIFAGED4bMmGYjQES8vUUJVSorNfmBEuruu4Xkz+hzP+xO4Ci7pFHl7TD4aj+TCXI1cyXJN5uRuWgEmsWeE8VBKuu2iVaCOah56V\/aeUeSvYRagITRAkBBOspiARwIIhiXVpVBNEbfgkYGdVUgRXFAvmpJRUZRW8tZNjcumxJEddXkXfXMEP+yxIKsiVxYPMGiaytVbZqwk9IqcDt1aei7LA7zqMViGLlmGhOySDzZgLwYYBTEExuXEiz5YKNcd5inAR6YWwqGh+xJZ75Z\/oB+r46pjxXRU4DvZaGjAG8\/\/7SLsIAGz5kLiHgYKk4vumf6sv2\/YOe9Xi7obcv1pOFkAqRczyXShsJK5ejvtjleW4FZqjp+0ypKCYtGXwsGbrp2xsUCJ1X\/3XvgHTwGCSVksRGhg39FQp03VXBZye6hGNPkKgX+pfYz3SK1IJRixk00LuzfLFF12qlRXU4GZwDmlXT5HeJyukK3kSsUInix8W1PLo4EEnrkg61o9EIfpnuOfTo5o\/n\/4fVjUvXMBPsESwjtc0Q10y+xcOyvzWPBPm0bjN320V\/Xg\/mIDAAAA\r\n) format(\"woff2\");\r\n    }\r\n\r\n\r\n    @font-palette-values --palette0 {\r\n        font-family: offstruct-rgb;\r\n        override-colors: 0 #FFFFFF,\r\n        1 #00FFFF,\r\n        2 #FFFF00,\r\n        3 #FF00FF,\r\n        4 #0000FF,\r\n        5 #00FF00,\r\n        6 #FF0000,\r\n        7 #FFFFFF\r\n    }\r\n\r\n    @font-palette-values --palette0 {\r\n        font-family: offstruct-rgb;\r\n            override-colors: 0 #FFDE01,\r\n            1 rgb(255, 120, 120),\r\n            2 #ffe8e8,\r\n            3 #CCC,\r\n            4 #FFDE01,\r\n            5 rgb(255, 120, 120),\r\n            6 #ffe8e8,\r\n            7 #CCC\r\n    }\r\n\r\n    .post_title {\r\n        font-family: offstruct-rgb, sans-serif !important;\r\n        font-size: 7rem !important;\r\n        line-height: 1 !important;\r\n        font-palette: --palette1;\r\n        outline: none;\r\n       caret-color: #FFDE00;\r\n       background-color: #000;\r\n       padding: 12px !important;\r\n       border-radius: 3px;\r\n    }\r\n<\/style>\r\n<script>\r\n\/\/    var palette = ['#FFFFFF', '#00FFFF', '#FFFF00', '#FF00FF', '#0000FF', '#00FF00', '#FF0000', '#FFFFFF'];\r\nvar palette=['rgb(255, 120, 120)', '#ffe8e8', '#CCC', '#FFDE01', 'rgb(255, 120, 120)', '#ffe8e8', '#CCC'];\r\n    for (let i = 1; i <= palette.length; i++) {\r\n        var newPalette = [...palette.slice(i), ...palette.slice(0, i)];\r\n        var paletteName = `--palette-${i}`;\r\n        var paletteColors = newPalette\r\n            .map((color, index) => `${index} ${color}`)\r\n            .join(', ');\r\n        var style = document.createElement('style');\r\n        style.textContent = `\r\n            @font-palette-values ${paletteName} {\r\n                font-family: offstruct-rgb;\r\n                override-colors: ${paletteColors};\r\n            }\r\n        `;\r\n        document.head.appendChild(style);\r\n    }\r\n\r\n    \/\/ Apply palettes dynamically\r\n    var postTitle = document.querySelector('.post_title');\r\n    var currentPaletteIndex = 0;\r\n\r\n    function updatePalette() {\r\n        currentPaletteIndex = (currentPaletteIndex + 1) % palette.length;\r\n        \/\/ Update the font-palette property\r\n        postTitle.style.fontPalette = `--palette-${currentPaletteIndex + 1}`;\r\n        postTitle.contentEditable = true;\r\n    }\r\n\r\n    \/\/ Cycle through palettes every 1 second\r\n    setInterval(updatePalette, 1000);\r\n<\/script>\r\n\n<!-- \/end HFCM by 99 Robots -->\n\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dear FontStructors, A small, tardy birthday gift to celebrate FontStruct\u2019s recent 17th birthday: Today we\u2019re adding support for two new download formats to FontStruct: WOFF2 \u2013 the current standard webfont format \u2013 and COLR v0 \u2013 the colour font format with the broadest software support, much broader than SVG Truetype, which was all we offered [&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-4867","post","type-post","status-publish","format-standard","hentry","category-news"],"_links":{"self":[{"href":"https:\/\/fontstruct.com\/news\/wp-json\/wp\/v2\/posts\/4867","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=4867"}],"version-history":[{"count":28,"href":"https:\/\/fontstruct.com\/news\/wp-json\/wp\/v2\/posts\/4867\/revisions"}],"predecessor-version":[{"id":4922,"href":"https:\/\/fontstruct.com\/news\/wp-json\/wp\/v2\/posts\/4867\/revisions\/4922"}],"wp:attachment":[{"href":"https:\/\/fontstruct.com\/news\/wp-json\/wp\/v2\/media?parent=4867"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fontstruct.com\/news\/wp-json\/wp\/v2\/categories?post=4867"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fontstruct.com\/news\/wp-json\/wp\/v2\/tags?post=4867"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}