mirror of
https://github.com/quiple/galmuri.git
synced 2024-09-11 14:06:07 +03:00
146 lines
13 KiB
HTML
146 lines
13 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>Galmuri</title>
|
||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||
<meta name="description" content="Hangul bitmap fonts with good readability and balanced even in small size.">
|
||
<meta name="author" content="Minseo Lee">
|
||
<meta name="theme-color" content="#6171eb">
|
||
<meta property="og:title" content="Galmuri">
|
||
<meta property="og:description" content="Hangul bitmap fonts with good readability and balanced even in small size.">
|
||
<meta property="og:site_name" content="Galmuri">
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:url" content="https://galmuri.quiple.dev">
|
||
<meta property="og:image" content="https://galmuri.quiple.dev/files/cover.png">
|
||
<meta property="og:image:type" content="image/png">
|
||
<meta property="og:locale" content="ko_KR">
|
||
<link rel="icon" type="image/svg+xml" href="./files/galmuri.svg">
|
||
<link rel="canonical" href="https://galmuri.quiple.dev/en">
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/normalize.css/normalize.min.css">
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css">
|
||
<link rel="stylesheet" href="./files/style.css">
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/quiple/hbios-sys@latest/hbios-sys.css">
|
||
<style>html, body { height: 100%; }</style>
|
||
<script src="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.js"></script>
|
||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-3XWK7FLW2C"></script>
|
||
<script>
|
||
window.dataLayer = window.dataLayer || [];
|
||
function gtag(){dataLayer.push(arguments);}
|
||
gtag('js', new Date());
|
||
gtag('config', 'G-3XWK7FLW2C');
|
||
</script>
|
||
</head>
|
||
|
||
<body>
|
||
<div id="preload"></div>
|
||
<a id="lang" href="./">ko</a>
|
||
<div class="container">
|
||
<a href="https://github.com/quiple/galmuri" target="_blank" aria-label="View on GitHub"><svg class="octocat" viewBox="0 0 250 250"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path class="octocat-arm" d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"></path><path class="octocat-body" d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"></path></svg></a>
|
||
<div class="wrap">
|
||
<h1 id="name">Galmuri</h1>
|
||
<h2 id="title" style="text-align:center">
|
||
<div>Hangul bitmap fonts</div>
|
||
<div>with good readability and balanced</div>
|
||
<div>even in small size</div>
|
||
</h2>
|
||
<small id="more" class="detail" style="justify-content:center;text-align:center;">Scroll down to see more</small>
|
||
</div>
|
||
<div class="doc">
|
||
<p>Bitmap fonts inspired by the font design from Nintendo DS.</p>
|
||
<div class="btns">
|
||
<a class="btn" href="./glyphs" style="flex:initial">Glyphs Preview</a>
|
||
</div>
|
||
<h2>License</h2>
|
||
<p>Copyright © 2019-2023 Minseo Lee (itoupluk427@gmail.com), with reserved font name “Galmuri”.</p>
|
||
<p>Galmuri is licensed under the <a href="https://scripts.sil.org/OFL" target="_blank">SIL Open Font License 1.1</a>.</p>
|
||
<p>The original license can be found <a href="https://github.com/quiple/galmuri/blob/main/OFL.md" target="_blank">here</a>.</p>
|
||
<h2>Download</h2>
|
||
<div class="btns">
|
||
<a class="btn" href="https://github.com/quiple/galmuri/releases/latest" target="_blank" style="flex:initial">Download from GitHub Releases</a>
|
||
</div>
|
||
<p>Galmuri only look best at 15px (11pt) size for Galmuri14, 12px (9pt) size for Galmuri11, 10px (7.5pt) size for Galmuri9, 8px (6pt) size for Galmuri7, or at integer multiples thereof.</p>
|
||
<h2>Use as Web Fonts</h2>
|
||
<p style="margin-bottom:8px">HTML</p>
|
||
<pre><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/galmuri@latest/dist/galmuri.css"></pre>
|
||
<p style="margin-bottom:8px">CSS</p>
|
||
<pre>@import url('https://cdn.jsdelivr.net/npm/galmuri@latest/dist/galmuri.css');</pre>
|
||
<p style="margin-bottom:8px">CSS Rules</p>
|
||
<pre><span class="note">/* To use Galmuri14: */</span><br>font-family: 'Galmuri14';<br><br><span class="note">/* To use Galmuri11: */</span><br>font-family: 'Galmuri11';<br><br><span class="note">/* To use Galmuri11 Bold: */</span><br>font-family: 'Galmuri11';<br>font-weight: 700;<br><br><span class="note">/* To use Galmuri11 Condensed: */</span><br>font-family: 'Galmuri11';<br>font-stretch: condensed;<br><br><span class="note">/* To use Galmuri9: */</span><br>font-family: 'Galmuri9';<br><br><span class="note">/* To use Galmuri7: */</span><br>font-family: 'Galmuri7';</pre>
|
||
<h2>OpenType Features Available</h2>
|
||
<p>Ligature</p>
|
||
<div class="fea liga"><pre>Affection Official Shuffle</pre><pre>A<span>ff</span>ection O<span>ffi</span>cial Shu<span>ffl</span>e</pre></div>
|
||
<p>Kerning</p>
|
||
<div class="fea kern"><pre>Test TV/Audio Million LTE</pre><pre><span>Te</span>st T<span>V/A</span>udio M<span>illi</span>on <span>LT</span>E</pre></div>
|
||
<p>Tabular numbers</p>
|
||
<div class="fea tnum"><pre>$1,879,425<br>$2,624,560<br>$1,751,853</pre><pre>$<span>1,879,425</span><br>$<span>2,624,560</span><br>$<span>1,751,853</span></pre></div>
|
||
<pre>font-variant-numeric: tabular-nums; or font-feature-settings: "tnum" 1;</pre>
|
||
<p>Slashed zero</p>
|
||
<div class="fea zero"><pre>0123456789</pre><pre><span>0</span>123456789</pre></div>
|
||
<pre>font-variant-numeric: slashed-zero; or font-feature-settings: "zero" 1;</pre>
|
||
<p>Vertical writing</p>
|
||
<div class="fea vert"><pre style="height:230px;">縦書き専用グリフの例）<br><br>パ<span>ー</span>ソナルコンピ<span>ュー</span>タは<span>、</span>個人で使用するコンピ<span>ュー</span>タである<span>。</span><br><br>なんつ<span>っ</span>て<span>っ</span>つ<span>っ</span>ち<span>ゃっ</span>た<span>。</span><br><br><span>（</span>小括弧<span>）｛</span>中括弧<span>｝［</span>大括弧<span>］</span><br><span>「</span>鉤括弧<span>」『</span>二重鉤括弧<span>』</span><br><span>〈</span>山括弧<span>〉《</span>二重山括弧<span>》</span><br><span>【</span>隅付き括弧<span>】</span></pre></div>
|
||
<pre>writing-mode: vertical-rl; or writing-mode: vertical-lr;</pre>
|
||
<p>Galmuri14, Galmuri11 Bold, Galmuri11 Condensed that do not contain Chinese characters do not support vertical writing.</p>
|
||
<h2>Showcase</h2>
|
||
</div>
|
||
<div class="swiper">
|
||
<div class="swiper-wrapper">
|
||
<div class="swiper-slide"><img src="./files/showcase/not-yet.png" alt="Keylocker"><span class="capt"><a href="https://store.steampowered.com/app/1325040" target="_blank">Keylocker</a> © Moonana</span></div>
|
||
<div class="swiper-slide"><img src="/files/showcase/221127.png" alt="Papers, Please"><span class="capt"><a href="https://store.steampowered.com/app/239030" target="_blank">Papers, Please</a> © Lucas Pope</span></div>
|
||
<div class="swiper-slide"><img src="./files/showcase/220621.jpg" alt="Shotgun King: The Final Checkmate"><span class="capt"><a href="https://store.steampowered.com/app/1972440" target="_blank">Shotgun King: The Final Checkmate</a> © PUNKCAKE Delicieux</span></div>
|
||
<div class="swiper-slide"><img src="./files/showcase/220507.png" alt="Monster Sanctuary (User Patch)"><span class="capt"><a href="https://blog.naver.com/ansewo/222702695752" target="_blank">Monster Sanctuary</a> (User Patch) by 솔라리어스</span></div>
|
||
<div class="swiper-slide"><img src="./files/showcase/220220.jpg" alt="NEEDY GIRL OVERDOSE (User Patch)"><span class="capt"><a href="https://cosmicdeluge.tistory.com/5" target="_blank">NEEDY GIRL OVERDOSE</a> (User Patch) by 코스믹딜루즈 & Quiple</span></div>
|
||
<div class="swiper-slide"><img src="./files/showcase/210302.jpg" alt="Teamfight Manager"><span class="capt"><a href="https://store.steampowered.com/app/1372810" target="_blank">Teamfight Manager</a> © Team Samoyed</span></div>
|
||
<div class="swiper-slide"><img src="./files/showcase/210223.jpg" alt="BLUE REVOLVER (User Patch)"><span class="capt"><a href="https://steamcommunity.com/sharedfiles/filedetails/?id=2405396574" target="_blank">BLUE REVOLVER</a> (User Patch) by Sepheille</span></div>
|
||
<div class="swiper-slide"><img src="./files/showcase/210105.jpg" alt="Duke Dashington Remastered (User Patch)"><span class="capt"><a href="https://blog.naver.com/bleach1491/222196942354" target="_blank">Duke Dashington Remastered</a> (User Patch) by 바람 번역단</span></div>
|
||
<div class="swiper-slide"><img src="./files/showcase/201221.jpg" alt="Rev (User Patch)"><span class="capt"><a href="https://blog.naver.com/bleach1491/222180900832" target="_blank">Rev</a> (User Patch) by 바람 번역단</span></div>
|
||
<div class="swiper-slide"><img src="./files/showcase/200622.jpg" alt="Alwa's Legacy (User Patch)"><span class="capt"><a href="https://blog.naver.com/bleach1491/222008221688" target="_blank">Alwa's Legacy</a> (User Patch) by 바람 번역단</span></div>
|
||
<div class="swiper-slide"><img src="./files/showcase/200223.png" alt="Westerado: Double Barreled (User Patch)"><span class="capt"><a href="https://blog.naver.com/bleach1491/221820971383" target="_blank">Westerado: Double Barreled</a> (User Patch) by 바람 번역단</span></div>
|
||
</div>
|
||
</div>
|
||
<div class="doc">
|
||
<p>Fonts derived including Galmuri:</p>
|
||
<ul>
|
||
<li><a href="https://github.com/TakWolf/fusion-pixel-font" target="_blank">Fusion Pixel Font</a> by TakWolf<br>SIL Open Font License 1.1 • Included Fonts: <a href="https://github.com/TakWolf/ark-pixel-font" target="_blank">Ark Pixel Font</a>, <a href="https://github.com/ACh-K/Cubic-11" target="_blank">Cubic 11</a>, Galmuri11</li>
|
||
<li><a href="https://diaowinner.itch.io/galmuri-extended" target="_blank">QuanPixel</a> by diaowinner<br>SIL Open Font License 1.1 • Included Fonts: Galmuri7, <a href="https://github.com/Warren2060/Chill-Bitmap" target="_blank">Chill-Bitmap</a> (<a href="https://littlelimit.net/misaki.htm" target="_blank">MisakiGothic</a>, <a href="https://github.com/scott0107000/BoutiqueBitmap7x7" target="_blank">BoutiqueBitmap7x7</a>, <a href="https://bbs.themex.net/showthread.php?t=16850810" target="_blank">Guanzhi 8px</a>)</li>
|
||
</ul>
|
||
<h2>Tools used</h2>
|
||
<ul>
|
||
<li>Binary charset extraction: <a href="https://www.romhacking.net/utilities/818/" target="_blank">CrystalTile2</a> by angel-team</li>
|
||
<li>GNU Unifont conversion: <a href="http://unifoundry.com/unifont/unifont-utilities.html" target="_blank">Unifont Utilities</a> by Unifoundry.com</li>
|
||
<li>Edit bitmap fonts and generate TrueType fonts: <a href="https://github.com/kreativekorp/bitsnpicas" target="_blank">Bits'N'Picas</a> by Kreative Software</li>
|
||
<li>Rewriting fonts and add OpenType features: <a href="https://github.com/adobe-type-tools/afdko" target="_blank">Adobe Font Development Kit for OpenType</a> by Adobe</li>
|
||
<li>WOFF2 compression and make TTC: <a href="https://github.com/fonttools/fonttools" target="_blank">fontTools</a> by Just van Rossum</li>
|
||
</ul>
|
||
<h2>Issues</h2>
|
||
<p>You can report issues on <a href="https://github.com/quiple/galmuri/issues" target="_blank">GitHub Issues</a>.</p>
|
||
<small>© 2019-2023 Minseo Lee. Quiple is a trademark of Minseo Lee. Nintendo DS is a trademark of Nintendo, and this project has no relation with Nintendo. Each font and game is trademark and copyright property of their respective owners and licensors.</small>
|
||
</div>
|
||
</div>
|
||
<script>
|
||
window.addEventListener('load', function(event) {
|
||
document.querySelector('#name').classList.add('move');
|
||
document.querySelectorAll('#title div')[0].classList.add('move');
|
||
document.querySelectorAll('#title div')[1].classList.add('move');
|
||
document.querySelectorAll('#title div')[2].classList.add('move');
|
||
document.querySelector('#more').classList.add('move');
|
||
});
|
||
let swiper = new Swiper('.swiper', {
|
||
loop: true,
|
||
grabCursor: true,
|
||
slidesPerView: 'auto',
|
||
centeredSlides: true,
|
||
spaceBetween: 30,
|
||
autoplay: {
|
||
delay: 5000,
|
||
disableOnInteraction: false
|
||
}
|
||
});
|
||
</script>
|
||
</body>
|
||
|
||
</html>
|