toktaro とくたろ
LightNews LightNews
banner
toktaro.bsky.social
toktaro とくたろ
@toktaro.bsky.social
83 followers 25 following 350 posts
Designer, making fonts. フォントを作る人✍️ ロゴデザイナーだった経験を元に、フォントを制作しています！ フォント配布・販売（toktaro fonts） → https://toktaro.booth.pm
toktaro.booth.pm
Posts Media Videos Starter Packs
toktaro.bsky.social
toktaro とくたろ @toktaro.bsky.social · 7h
この5日間で、力出し切った...
明日あさっては充電に集中しよう....(‾◡◝　)
1
toktaro.bsky.social
toktaro とくたろ @toktaro.bsky.social · 10h
＼公開！／

note.com/toktaro/n/n2...
文字ごとの画像からフォントを作るツール「SakuttoFont」を制作・公開しました！｜toktaro とくたろ
※主な内容は、無料で読めます。 SakuttoFontは、手描きの文字やイラストなどの画像ファイルから、SVGベクター画像やOTFフォントファイルを簡単に作成できるブラウザツールです。手書きの文字や下書きから、気軽にフォントを作りイメージを確認したいと思い作成しました。 フォントを作ったことがない方が「文字を書（描）いてからフォントを作るまで」の過程を体験したい時や、文字をサクッと白黒でトレー...
note.com
1 3 4
toktaro.bsky.social
toktaro とくたろ @toktaro.bsky.social · 15h
Windowsでは、TTFやOTFに日本語のグリフが入ってても、きちんと設定しないと日本語が表示されない...のを実装し忘れてたので実装。（フォント利用者としての自分にはほとんど関係ないのだけども...笑）
3
toktaro.bsky.social
toktaro とくたろ @toktaro.bsky.social · 1d
＼　で　き　た　!!　／
4
toktaro.bsky.social
toktaro とくたろ @toktaro.bsky.social · 1d
機能追加していくと終わりがなくなっちゃうので..
ここでFIX!!

次は...ツール2つを合体させて、画像からOTFまで1ツールでできるようにする💪
toktaro.bsky.social
toktaro とくたろ @toktaro.bsky.social · 1d
幅を固定とプロポーショナルから選べるようにした！
1 2
toktaro.bsky.social
toktaro とくたろ @toktaro.bsky.social · 1d
フォント制作と同様に、ツール制作も「あれ、これ何か面白い（役立つ）のか？」と価値が全くわからなくなる...😇
3
toktaro.bsky.social
toktaro とくたろ @toktaro.bsky.social · 1d
X。キーワードでミュートをがんばっても、「議論風ストリートファイト」「ストリートファイト観戦記・解説」がTLに飛び込んできて、精神衛生上とても良くない....(´・ω・｀)
2
toktaro.bsky.social
toktaro とくたろ @toktaro.bsky.social · 2d
Img>SVG、SVGs>OTF、2つを合体させて..
スタイリング（見た目を整える）して...
名前つけて....
ライセンス設定して......
GitHubでいろいろ設定して.....
使い方noteかREADMEにまとめて..........

って、公開するとなると、やる事多すぎやな＼(^o^)／
3
toktaro.bsky.social
toktaro とくたろ @toktaro.bsky.social · 2d
解決したーーー!!!!!!!（嬉しくて涙...😭✨）
3
toktaro.bsky.social
toktaro とくたろ @toktaro.bsky.social · 2d
仮名の清音・濁音・促音、漢字、英数字記号の半角・全角、一通りOKそう。

あとは、何故か上端揃えっぽくパスが上にシフトしちゃうのを何とかすれば、ひとまず完成！
1
toktaro.bsky.social
toktaro とくたろ @toktaro.bsky.social · 3d
一旦、工程まとめ...✍️
4
toktaro.bsky.social
toktaro とくたろ @toktaro.bsky.social · 3d
ツール動作検証｜鉛筆でささっと書いた文字を即フォント化

SVG→otfの過程でY座標が上にシフトしてる...😇ﾅｾﾞ!!
6
toktaro.bsky.social
toktaro とくたろ @toktaro.bsky.social · 3d
良いタイミングで、Amazonの段ボールあったので、
ブラウザでフォント制作ツールのテスト。

「なんでやろうな？」な箇所もまだまだあるが、
写真一枚から各文字スクショ・リネームし、ツールに投げて..と数分でこれくらいの作れるのは面白い...と思う！笑
4
toktaro.bsky.social
toktaro とくたろ @toktaro.bsky.social · 4d
ざっくりと「画像→SVG」「複数SVG→OTF」できた...！

これでひとまず、手書きやイラレ上のラフから、雰囲気確認用の簡単でラフなフォントがブラウザだけで作れるように。

細かいとこは、のんびり作りこんでいこう。
2
toktaro.bsky.social
toktaro とくたろ @toktaro.bsky.social · 4d
ブラウザで「SVG→otf」英字はOK....ｶﾅ
1 1
toktaro.bsky.social
toktaro とくたろ @toktaro.bsky.social · 4d
SVG→otf、ひとまずできた！
（Aがなんかズレてるけど...😇笑）
1
toktaro.bsky.social
toktaro とくたろ @toktaro.bsky.social · 4d
透明部分はきちんとパス無しになってて良き✨
1
toktaro.bsky.social
toktaro とくたろ @toktaro.bsky.social · 4d
画像→SVG（単一ファイル）できた！

次は「複数ファイルをトリミング・拡大縮小してSVGに」できるようにする。
1 2
toktaro.bsky.social
toktaro とくたろ @toktaro.bsky.social · 5d
ですね...ハロウィン終わってからでいいか！とかやっちゃうと.....
いろいろ思い出して震えます....笑
1
toktaro.bsky.social
toktaro とくたろ @toktaro.bsky.social · 5d
年末まで時間ありそうで、あっと言う間！ですよね....😭
1 1
toktaro.bsky.social
toktaro とくたろ @toktaro.bsky.social · 5d
フォントのテストがてら遊びすぎて、今が西暦何年か見失う...😇笑
1 3
toktaro.bsky.social
toktaro とくたろ @toktaro.bsky.social · 5d
正月漢字（年始に使う漢字）作りが一段落したから、せっかくだし、風音島2026に向けて制作進めていこうかな。
1 4
toktaro.bsky.social
toktaro とくたろ @toktaro.bsky.social · 6d
javaScriptで、「画像→SVG→OTF」できないか調べ中...

（しっかり作り込む前に、ラフの手書き文字をスクショして、サクッとフォントにしてイメージ確認したい）
3
toktaro.bsky.social
toktaro とくたろ @toktaro.bsky.social · 7d
✍️💦
「どんぐりこ（仮）」教育漢字小1まで揃いました！ #フォント制作中
note.com/toktaro/n/n9...
「どんぐりこ（仮）」教育漢字小1まで揃いました！ #フォント制作中 ｜toktaro とくたろ
制作中の手書きのバリアブルフォント「どんぐりこ（仮）」 小学1年生で習う漢字が揃いました！ 小学2年まで作るかどうするか…ちょっと悩みどころです。 （記号はアングルと同じくらい作ろうかなと思ってます！） できてる文字は↓の通り。 どんぐりこ（仮）の仮名どんぐりこ（仮）の漢字と英数字 きちんと公開できるよう、コツコツがんばっていきます！💪
note.com
1