mirror of
https://github.com/quiple/galmuri.git
synced 2024-10-05 18:07:24 +03:00
일단 도중 커밋
BDF 폰트 파일이 필요해서...
This commit is contained in:
Lee Minseo
parent
93187aa49b
commit
b0d1b79c35
12
.github/workflows/main.yml
vendored
12
.github/workflows/main.yml
vendored
@ -19,8 +19,16 @@ jobs:
|
||||
distribution: 'zulu'
|
||||
java-version: '18'
|
||||
- name: Clean up Distribution Directory
|
||||
run: rm -rf ./dist/*.ttf
|
||||
- name: Convert to Truetype Fonts
|
||||
run: |
|
||||
rm -rf ./dist/*.bdf
|
||||
rm -rf ./dist/*.ttf
|
||||
- name: Convert to Glyph Bitmap Distribution Format
|
||||
run: |
|
||||
java -jar ./bitsnpicas/downloads/BitsNPicas.jar convertbitmap -f bdf -o ./dist/Galmuri11.bdf ./src/Galmuri11.kbits
|
||||
java -jar ./bitsnpicas/downloads/BitsNPicas.jar convertbitmap -f bdf -o ./dist/Galmuri11-Bold.bdf ./src/Galmuri11-Bold.kbits
|
||||
java -jar ./bitsnpicas/downloads/BitsNPicas.jar convertbitmap -f bdf -o ./dist/Galmuri9.bdf ./src/Galmuri9.kbits
|
||||
java -jar ./bitsnpicas/downloads/BitsNPicas.jar convertbitmap -f bdf -o ./dist/Galmuri7.bdf ./src/Galmuri7.kbits
|
||||
- name: Convert to Truetype
|
||||
run: |
|
||||
java -jar ./bitsnpicas/downloads/BitsNPicas.jar convertbitmap -f ttf -o ./dist/Galmuri11.ttf ./src/Galmuri11.kbits
|
||||
java -jar ./bitsnpicas/downloads/BitsNPicas.jar convertbitmap -f ttf -o ./dist/Galmuri11-Bold.ttf ./src/Galmuri11-Bold.kbits
|
||||
|
||||
14
files/bdf.js
14
files/bdf.js
@ -1,21 +1,13 @@
|
||||
if (location.toString().endsWith('galmuri11')) {
|
||||
var fileName = 'Galmuri11';
|
||||
} else if (location.toString().endsWith('galmuri11-bold')) {
|
||||
var fileName = 'Galmuri11-Bold';
|
||||
} else if (location.toString().endsWith('galmuri9')) {
|
||||
var fileName = 'Galmuri9';
|
||||
} else if (location.toString().endsWith('yamche')) {
|
||||
var fileName = 'Yamche';
|
||||
}
|
||||
const fileName = document.querySelector('input[name=fonts]:checked').value;
|
||||
|
||||
fetch('./'+ fileName +'.bdf')
|
||||
fetch('../dist/'+ fileName +'.bdf')
|
||||
.then(async function(response) {
|
||||
const text = await response.text();
|
||||
if (window.Worker) {
|
||||
const worker = new Worker('./worker.js');
|
||||
worker.postMessage(text);
|
||||
worker.onmessage = function (glphs) {
|
||||
document.getElementById('glyphs').innerHTML = glphs.data;
|
||||
document.getElementById('list').innerHTML = glphs.data;
|
||||
}
|
||||
} else {
|
||||
alert('Your browser does not support Web Workers.');
|
||||
|
||||
@ -26,8 +26,10 @@ p, .btns { line-height: 1.5; width: 62.5%; }
|
||||
p:first-child { margin-top: -12px; }
|
||||
a { color: var(--point-color); text-decoration: none; }
|
||||
a:hover { text-decoration: underline; }
|
||||
.btns { margin: 0 3px; margin-top: 30px; display: flex; gap: 2%; }
|
||||
.btn { position: relative; text-align: center; flex: 1; padding: 0 36px; font-size: 20px; font-family: Galmuri9, sans-serif; display: flex; justify-content: center; align-items: center; height: 81px; color: #000; border: 3px solid #fbfbfb; box-shadow: 0 0 0 3px #494949; }
|
||||
.btns { margin: 0 3px; display: flex; gap: 2%; }
|
||||
h1 + .btns { margin-top: 30px; }
|
||||
p + .btns { margin-top: 36px; }
|
||||
.btn { cursor: pointer; position: relative; text-align: center; flex: 1; padding: 0 36px; font-size: 20px; font-family: Galmuri9, sans-serif; display: flex; justify-content: center; align-items: center; height: 81px; color: #000; border: 3px solid #fbfbfb; box-shadow: 0 0 0 3px #494949; }
|
||||
.btn::before { content: ''; position: absolute; width: 100%; height: 100%; z-index: -1; background-image: url('./bg.png'); background-size: contain; }
|
||||
.btn:hover { text-decoration: none; box-shadow: 0 0 0 3px #416179; }
|
||||
.btn:hover::before { background-image: url('./bgs.png'); }
|
||||
@ -44,6 +46,8 @@ h1 { font-weight: normal; margin: 0; margin-top: -20px; line-height: 1.5; font-f
|
||||
.highlight { color: var(--point-color); }
|
||||
#preload { position: absolute; overflow: hidden; left: -9999px; top: -9999px; height: 1px; width: 1px; background-image: url('./bgs.png'); }
|
||||
#name { z-index: -1; position: absolute; bottom: 25%; right: 15%; line-height: 1; font-size: 300px; color: #fff; animation: text-shadow 2s linear infinite; animation-direction: reverse; }
|
||||
#list { display: grid; }
|
||||
.btn-check { position: absolute; clip: rect(0,0,0,0); pointer-events: none; }
|
||||
@media (max-width: 1920px) {
|
||||
.wrap { width: calc(100% - 160px); height: calc(100% - 160px); padding: 80px; }
|
||||
.detail { width: calc(100% - 160px); margin-bottom: 80px; }
|
||||
|
||||
38
glyphs.html
Normal file
38
glyphs.html
Normal file
@ -0,0 +1,38 @@
|
||||
<!doctype html>
|
||||
<html lang="ko">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Galmuri 글리프 미리보기</title>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<meta name="robots" content="noindex">
|
||||
<link rel="icon" href="./files/q.svg">
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/normalize.css/normalize.min.css">
|
||||
<link rel="stylesheet" href="./files/style.css">
|
||||
<!-- 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>
|
||||
<div class="wrap">
|
||||
<div class="btns">
|
||||
<input type="radio" class="btn-check" name="fonts" id="galmuri11" value="Galmuri11" autocomplete="off" checked>
|
||||
<label class="btn" for="galmuri11">Galmuri11</label>
|
||||
<input type="radio" class="btn-check" name="fonts" id="galmuri11-bold" value="Galmuri11-Bold" autocomplete="off">
|
||||
<label class="btn" for="galmuri11-bold">Galmuri11-Bold</label>
|
||||
<input type="radio" class="btn-check" name="fonts" id="galmuri9" value="Galmuri9" autocomplete="off">
|
||||
<label class="btn" for="galmuri9">Galmuri9</label>
|
||||
<input type="radio" class="btn-check" name="fonts" id="galmuri7" value="Galmuri7" autocomplete="off">
|
||||
<label class="btn" for="galmuri7">Galmuri7</label>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -39,6 +39,9 @@
|
||||
<div class="wrap">
|
||||
<p><strong>Galmuri</strong>는 한글 음절 2,780자와 JIS 한자 6,355자 등을 지원하는 픽셀풍의 윤곽선 폰트입니다. 닌텐도 DS 본체와 소프트웨어에 사용되었던 비트맵 폰트의 모양을 본따 만들어졌습니다. Galmuri의 이름은 2008년 6월 사용자 한글화 커뮤니티인 <a href="https://cafe.naver.com/hansicgu" target="_blank">한식구</a>에서 김동한 님께서 만들어 배포하신 비트맵 폰트 ‘<a href="https://cafe.naver.com/hansicgu/174" target="_blank">갈무리M</a>’에서 유래하였습니다.</p>
|
||||
<p>기존의 한글 음절 2,355자¹에 Adobe-KR-0의 425자를 추가하였으며, 지금은 Adobe-KR-1의 한글 음절 1,578자 및 KS X 1001의 한중일 호환용 한자, 한중일 통합 한자를 추가하는 중입니다.</p>
|
||||
<!--div class="btns">
|
||||
<a class="btn" href="./glyphs.html" target="_blank" style="flex:initial">글리프 미리보기</a>
|
||||
</div-->
|
||||
<small class="detail">1. KS X 1001의 2,350자 + 뢔, 쌰, 쎼, 쓔, 쬬.</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user