[{"data":1,"prerenderedAt":5},["ShallowReactive",2],{"readme:BygNet\u002FEmojis":3},{"html":4},"\u003Ch1>Fluent Emojis for Byg\u003C\u002Fh1>\n\u003Cp>Version 0.8.5\u003C\u002Fp>\n\u003Cp>Byg-hosted webfont version of \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Ffluentui-emoji\" target=\"_blank\" rel=\"noopener noreferrer\">Fluent Emoji\u003C\u002Fa> from Microsoft.\u003C\u002Fp>\n\u003Cblockquote>\n\u003Cp>NOTE: Byg does NOT host TTF files due to size.\nIf you want to use TTF files, download them directly from this repo.\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002FBygNet\u002FEmojis\u002Fmain\u002Fimages\u002FkeyVisual.png\" width=\"640px\" alt=\"Fluent Emoji Webfont\" loading=\"lazy\">  \u003Ch1>Description\u003C\u002Fh1>\n\u003Cp>This repository supplies Webfont version of \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Ffluentui-emoji\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Ccode>Fluent Emoji\u003C\u002Fcode>\u003C\u002Fa> from Microsoft.\u003Cbr>By using this, You can use \u003Ccode>Fluent Emoji\u003C\u002Fcode> anywhere\u002Fanytime with any device (even with a non-Windows device)!\u003Cbr>Here you can choose one of three types of \u003Ccode>Fluent Emoji\u003C\u002Fcode>.\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Ccode>Fluent Emoji Color\u003C\u002Fcode>  \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002FBygNet\u002FEmojis\u002Fmain\u002Fimages\u002FcolorSample.png\" width=\"360px\" loading=\"lazy\">\u003C\u002Fli>\n\u003Cli>\u003Ccode>Fluent Emoji Flat\u003C\u002Fcode>  \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002FBygNet\u002FEmojis\u002Fmain\u002Fimages\u002FflatSample.png\" width=\"360px\" loading=\"lazy\">\u003C\u002Fli>\n\u003Cli>\u003Ccode>Fluent Emoji High Contrast\u003C\u002Fcode>  \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002FBygNet\u002FEmojis\u002Fmain\u002Fimages\u002FhighContrastSample.png\" width=\"360px\" loading=\"lazy\">\u003C\u002Fli>\n\u003Cli>\u003Ccode>Fluent Emoji High Contrast Inverted\u003C\u002Fcode>  \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002FBygNet\u002FEmojis\u002Fmain\u002Fimages\u002FhighContrastInvertedSample.png\" width=\"360px\" loading=\"lazy\">\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>Now, there are \u003Ccode>.woff2\u003C\u002Fcode> and \u003Ccode>.ttf\u003C\u002Fcode> fonts in this repository.\u003C\u002Fp>\n\u003Ch1>Samples\u003C\u002Fh1>\n\u003Cul>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Ftetunori.github.io\u002Ffluent-emoji-webfont\u002Fsample\u002Fp5.js_usage\" target=\"_blank\" rel=\"noopener noreferrer\">p5.js demo\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Ftetunori.github.io\u002Ffluent-emoji-webfont\u002Fsample\u002Flist\" target=\"_blank\" rel=\"noopener noreferrer\">Listing emoji\u003C\u002Fa>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002FBygNet\u002FEmojis\u002Fmain\u002Fimages\u002FlistSampleScreen.png\" width=\"640px\" loading=\"lazy\">\u003Ch1>How to use\u003C\u002Fh1>\n\u003Ch2>General usage\u003C\u002Fh2>\n\u003Cp>Add \u003Ccode>@import url('***.css')\u003C\u002Fcode> and \u003Ccode>font-family\u003C\u002Fcode> in your \u003Ccode>.css\u003C\u002Fcode> file as below:\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-css\">@import url('https:\u002F\u002Femojis.byg.a35.dev\u002FFluentEmojiColor.css');\n\nhtml, body {\n  font-family: 'Fluent Emoji Color', sans-serif;\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Here are the other options for \u003Ccode>font-family\u003C\u002Fcode>:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Ccode>Fluent Emoji Flat\u003C\u002Fcode>\u003C\u002Fli>\n\u003Cli>\u003Ccode>Fluent Emoji High Contrast\u003C\u002Fcode>\u003C\u002Fli>\n\u003Cli>\u003Ccode>Fluent Emoji High Contrast Inverted\u003C\u002Fcode>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\u003Cstrong>Note: The font might take a long time to load, so if it does not work, try reloading it in your browser.\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>You can also use these fonts in a web-based coding site like \u003Ca href=\"https:\u002F\u002Fopenprocessing.org\u002F\" target=\"_blank\" rel=\"noopener noreferrer\">OpenProcessing\u003C\u002Fa>.\u003Cbr>See the samples below:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fopenprocessing.org\u002Fsketch\u002F2498589\" target=\"_blank\" rel=\"noopener noreferrer\">Fluent Emoji Webfont sample 1 in OpenProcessing\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fopenprocessing.org\u002Fsketch\u002F2498586\" target=\"_blank\" rel=\"noopener noreferrer\">Fluent Emoji Webfont sample 2 in OpenProcessing\u003C\u002Fa>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2>TTF usage\u003C\u002Fh2>\n\u003Cp>Download the \u003Ccode>.ttf\u003C\u002Fcode> files from the \u003Ccode>dist\u003C\u002Fcode> folder in this repo.\u003C\u002Fp>\n\u003Ch1>Maintenance\u003C\u002Fh1>\n\u003Cp>Suggested IDE: PyCharm Professional 2025–2026.\u003C\u002Fp>\n\u003Ch2>\u003Ccode>fluent-emoji\u003C\u002Fcode> submodule\u003C\u002Fh2>\n\u003Cp>A fixed version of \u003Ccode>fluent-emoji\u003C\u002Fcode> submodule is used for this build. You can update the submodule as below:\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-bash\">$ git submodule update --remote\nSubmodule path 'fluentui-emoji': checked out '62ecdc0d7ca5c6df32148c169556bc8d3782fca4'\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Then, commit the change after git processing (a few minutes).\u003C\u002Fp>\n\u003Ch2>Build\u003C\u002Fh2>\n\u003Ch3>Web Open Font Format2.0(*.woff2)\u003C\u002Fh3>\n\u003Cp>Execute \u003Ccode>build_woff2.sh\u003C\u002Fcode> with an \u003Ccode>fontType\u003C\u002Fcode> option.\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-shell\">.\u002Fbuild_woff2.sh color\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cul>\n\u003Cli>Options: \u003Ccode>color\u003C\u002Fcode>, \u003Ccode>flat\u003C\u002Fcode>, \u003Ccode>hc\u003C\u002Fcode> for \u003Ccode>High Contrast\u003C\u002Fcode> and \u003Ccode>hc-inv\u003C\u002Fcode> for \u003Ccode>High Contrast Inverted\u003C\u002Fcode>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>Then, you can get \u003Ccode>FluentEmoji***NNN.woff2\u003C\u002Fcode> files and a \u003Ccode>FluentEmoji***.css\u003C\u002Fcode> file after long (about half an hour) time build.\u003C\u002Fp>\n\u003Ch3>TrueType Font(*.ttf)\u003C\u002Fh3>\n\u003Cp>Execute \u003Ccode>build_ttf.sh\u003C\u002Fcode> with an \u003Ccode>fontType\u003C\u002Fcode> option.\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-shell\">.\u002Fbuild_ttf.sh color\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cul>\n\u003Cli>Options: \u003Ccode>color\u003C\u002Fcode>, \u003Ccode>flat\u003C\u002Fcode>, \u003Ccode>hc\u003C\u002Fcode> for \u003Ccode>High Contrast\u003C\u002Fcode> and \u003Ccode>hc-inv\u003C\u002Fcode> for \u003Ccode>High Contrast Inverted\u003C\u002Fcode>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>Then, you can get a \u003Ccode>FluentEmoji***.ttf\u003C\u002Fcode> files after long (about half an hour) time build.\u003C\u002Fp>\n\u003Ch3>Via GitHub Actions\u003C\u002Fh3>\n\u003Cp>Now we can build with GitHub Actions! Access the \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Ftetunori\u002Ffluent-emoji-webfont\u002Factions\u002Fworkflows\u002FbuildFont.yml\" target=\"_blank\" rel=\"noopener noreferrer\">build workflow page\u003C\u002Fa> and press \u003Ccode>Run workflow\u003C\u002Fcode> buttton with any Font Format\u002FFont Type as you like. Built artifact will be attached in the result page as a \u003Ccode>Font\u003C\u002Fcode> zip file.  \u003C\u002Fp>\n\u003Cblockquote>\n\u003Cp>[!IMPORTANT] \nFor only making \u003Ccode>color\u003C\u002Fcode> ttf font, Please select \u003Ccode>macos-latest\u003C\u002Fcode> in \u003Ccode>runs-on\u003C\u002Fcode> property. Otherwise, it fails due to the time restriction (6 hours) of GitHub Actions. If fails even with the \u003Ccode>macos-latest\u003C\u002Fcode> setting, execute twice. The second time the cache will be used and the job time will be reduced.  \u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Ch2>Test\u002FConfirm\u003C\u002Fh2>\n\u003Ch3>Local test\u003C\u002Fh3>\n\u003Cp>Before a release, you can test with a local server by executing the commands below:\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-bash\">$ chmod 777 .\u002Ftest\u002FconfirmDist\u002Fprepare.sh\n$ .\u002Ftest\u002FconfirmDist\u002Fprepare.sh\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Test folders \u003Ccode>tmp-ttf\u003C\u002Fcode> and \u003Ccode>tmp-woff2\u003C\u002Fcode> under \u003Ccode>.\u002Ftest\u002FconfirmDist\u002F\u003C\u002Fcode> will be made. These folders have two samples refering to the fonts in \u003Ccode>dist\u003C\u002Fcode> folder. Then, launch the \u003Ccode>index.html\u003C\u002Fcode> with \u003Ccode>liveServer\u003C\u002Fcode> in Visual Studio Code.\u003C\u002Fp>\n\u003Ch3>Listing emojis\u003C\u002Fh3>\n\u003Cp>Check the result with the \u003Ca href=\"https:\u002F\u002Ftetunori.github.io\u002Ffluent-emoji-webfont\u002Fsample\u002Flist\" target=\"_blank\" rel=\"noopener noreferrer\">Listing emoji\u003C\u002Fa> sample.\u003Cbr>You can also update the JS list file \u003Ccode>sample\u002Flist\u002Fglyphs.js\u003C\u002Fcode> with the command below:\u003C\u002Fp>\n\u003Cpre>\u003Ccode>python makelist.py\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch1>Author\u003C\u002Fh1>\n\u003Cp>Tetsunori Nakayama, adapted and hosted by Byg.\u003C\u002Fp>\n\u003Ch1>References\u003C\u002Fh1>\n\u003Ch2>fluentui-emoji\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>All the SVG font assets and other images. (Huge thanks and 💕 to Microsoft !!):\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Ffluentui-emoji\" target=\"_blank\" rel=\"noopener noreferrer\">fluentui-emoji\u003C\u002Fa> by \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fmicrosoft\" target=\"_blank\" rel=\"noopener noreferrer\">microsoft\u003C\u002Fa>. MIT License.\u003C\u002Fli>\n\u003Cli>Conversion scripts:\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002FGCMarvin\u002Ffluent-color-emoji\" target=\"_blank\" rel=\"noopener noreferrer\">fluent-color-emoji\u003C\u002Fa> by \u003Ca href=\"https:\u002F\u002Fgithub.com\u002FGCMarvin\" target=\"_blank\" rel=\"noopener noreferrer\">GCMarvin\u003C\u002Fa>. The Unlicense.\u003C\u002Fli>\n\u003C\u002Ful>\n",1787323193659]