並び順

ブックマーク数

期間指定

  • から
  • まで

201 - 240 件 / 1473件

新着順 人気順

フリーフォントの検索結果201 - 240 件 / 1473件

  • https://twitter.com/tera2001_/status/1534441817231437825

      https://twitter.com/tera2001_/status/1534441817231437825
    • これは嬉しい! 漢字がJIS第2水準までしっかり揃ったピクセルフォントがリリース、しかも商用利用も無料 -マルミーニャ

      ピクセルフォント「マルモニカ」などをリリースされているx0y0pxFreeFontから、新しいピクセルフォントがリリースされました。 ※「マルモニカ」(紹介記事)も漢字対応です。 「マルミーニャ」はかわいさの中にまじめさがある丸ゴシック体のピクセルフォントで、幅広い用途でピクセルの表現を堪能できます。 マルミーニャ マルミーニャ -BOOTH マルミーニャのダウンロード マルミーニャの特徴 x0y0pxFreeFontの他のフォント マルミーニャのダウンロード さっそくフォントのダウンロード方法を紹介します。 まずは、本サイト。「マルミーニャ」リリースのタイミングでサイトがGitHubに移転されました。フォントのダウンロードは、フォント下の「Download」をクリックするだけです。

        これは嬉しい! 漢字がJIS第2水準までしっかり揃ったピクセルフォントがリリース、しかも商用利用も無料 -マルミーニャ
      • 里予 木寸 シ少 矢口 イ弋 の 糸吉 女昏 木目 言炎 戸斤

        里予 木寸 シ少 矢口 イ弋 の 糸吉 女昏 木目 言炎 戸斤

          里予 木寸 シ少 矢口 イ弋 の 糸吉 女昏 木目 言炎 戸斤
        • 「専用フォント」で電子書籍に“いまさら”参入する星海社の狙い

            「専用フォント」で電子書籍に“いまさら”参入する星海社の狙い
          • 合成フォントダウンロードセンター

            Adobe Fontsでつくった合成フォントです。 アドビフォントではモリサワの利用が制限されているのですが、せっかく契約しているCreative Cloud、やっぱり使い倒したいですよねということで最近はアドビフォント...

              合成フォントダウンロードセンター
            • 書体は作者の罪を背負うか|ARTICLES|The Graphic Design Review

              20世紀末に発表された評伝によって近代デザイン史、タイポグラフィ史における重要人物のひとり、エリック・ギルの「不都合な真実」が明らかになった。以来、ギルの業績やその書体の運用をめぐって、さまざまな議論が交わされている。作者とその制作物は切り離して考えられるのか、否か。国際的に活躍する書体デザイナーが考える。 バナー画像:エリック・ギル、1908-9年頃(出典:Fiona MacCarthy, Eric Gill: Lover’s Quest for Art and God, 1989) 日本およびタイポグラフィの世界でエリック・ギル(図1)といえばエドワード・ジョンストンの弟子、そしてGill SansやJoanna、Perpetuaなど名作とされる書体の作者として有名だ。特に人気のGill Sans(図2)は、ジャンルとしてはヒューマニストサンセリフまたはジオメトリック(幾何学的)サンセ

                書体は作者の罪を背負うか|ARTICLES|The Graphic Design Review
              • 『日本人にだけ意味がわからない』海外でみかけた謎の日本語風フォント使用例、わかってても難読!

                ★タイの漫画★小林眞理子☆単行本発売中 @mariko_asia27 すごくオシャレなカフェだからこの謎日本語もきっと意味があると思い見つめ続けた数日間。 MATCHA (左) HOJICHA (右) だ!!! pic.twitter.com/pJNAYFdNoM 2022-07-10 16:36:50

                  『日本人にだけ意味がわからない』海外でみかけた謎の日本語風フォント使用例、わかってても難読!
                • そあん(soan):古活字画像を用いて現代日本語テキストをくずし字画像に変換/共有するサービス

                  ライブラリのアプリ化 現代のニュースをくずし字で読んでみませんか?内容がわかるテキストをくずし字で読んでみると、くずし字に対する印象が変わるかもしれません。 edomi ニュース その他の事例については、活用事例を参照してください。 構成 古活字とくずし字 そあん(soan)で用いる「古活字」とは、今から400年ほど前に使われた印刷技術に由来する言葉です。一方「くずし字」とは、くずして書かれた文字を指す言葉です。くずし字は、印刷では古活字版だけでなく整版印刷にも使われましたし、写本などの手書きの文字(草書体)も、その多くはくずし字です。一方、古活字の中には、文字を崩していないものもあります。このように、古活字は印刷技術を指す言葉、くずし字は文字の形を指す言葉、という違いがあります。 そあん(soan)は、テキストをくずし字画像に変換する方法として、古活字画像を組み合わせる方法を用いるサービ

                    そあん(soan):古活字画像を用いて現代日本語テキストをくずし字画像に変換/共有するサービス
                  • ロシアの一修道院に保管されている教会スラヴ語訳聖書に一回だけ登場する文字「ꙮ」

                    ティラノサウルス @7XL03 多眼O、ロシアの一修道院に保管されている教会スラヴ語訳聖書に一回だけ登場する「мн҄оꙮ҄читїи҄(たくさんの眼がある)」という語彙を表すためだけにあるらしくて熱すぎる pic.twitter.com/N5Th6O5B2H 2022-05-06 19:11:34

                      ロシアの一修道院に保管されている教会スラヴ語訳聖書に一回だけ登場する文字「ꙮ」
                    • 2024年、現在の環境に適したリセットCSSのまとめ

                      CSSにおけるブラウザによる互換性の問題はWeb制作でモダンブラウザをターゲットにした場合、以前に比べるとはるかに少なくなりました。昔から使用している無理なリセットCSSやすべてをリセットする必要は全くありません。 IE11のサポート終了から2年が経ち、現在はモダンブラウザの時代です。Chromeをはじめ、chromiumベースのEdge、Safari、Firefoxはエバーグリーンブラウザ(最新版に自動アップデートするブラウザ)と呼ばれています。 現在の制作環境に合わせて制作された新しいリセットCSSの中から特に注目すべきリセットCSSを紹介します。CSSのテクニックや知見も満載です! リセットCSSとは リセットCSSの使い方・書く順番 どのリセットCSSが適しているかの選び方・カスタマイズ方法 A (more) Modern CSS Reset -モダンブラウザに最適化された新しいリ

                        2024年、現在の環境に適したリセットCSSのまとめ
                      • プログラミング向けフォントの新しい選択肢「0xProto」/トレンドを押さえつつも、可読性とデザインに独自の工夫。控えめな合字活用もちょうどいい【レビュー】

                          プログラミング向けフォントの新しい選択肢「0xProto」/トレンドを押さえつつも、可読性とデザインに独自の工夫。控えめな合字活用もちょうどいい【レビュー】
                        • 「慶応」も「コンクリート」も漢字1文字で ~Unicode標準に新しいブロックが提案中/手書きでしばしば用いられる「部首+カナ」スタイルの略式漢字【やじうまの杜】

                            「慶応」も「コンクリート」も漢字1文字で ~Unicode標準に新しいブロックが提案中/手書きでしばしば用いられる「部首+カナ」スタイルの略式漢字【やじうまの杜】
                          • ファッションデザイナーの友人から「モデルが着てるシャツに何て書いてあったら面白い?」と聞かれたのでテキトーに返事したらミラノで実現していた

                            宮川サトシ@8/23新連載『名前のない病気』開始 @miyagawa_sato 漫画とかかいてます。連載『オレ流転生』『名前のない病気』等/『母を亡くした時、僕は遺骨を食べたいと思った。』『情熱大陸への執拗な情熱』『病棟夫婦』『闘病後日記』等/ネーム原作『宇宙戦艦ティラミス』『ワンオペJOKER』『僕‼︎男塾』等 ✉️miyagawamail.1978@gmail.com

                              ファッションデザイナーの友人から「モデルが着てるシャツに何て書いてあったら面白い?」と聞かれたのでテキトーに返事したらミラノで実現していた
                            • 縦書きHTMLにおける文字の向きはどのように定まるか - ドワンゴ教育サービス開発者ブログ

                              ドワンゴ教育事業Webフロントエンドチームの berlysia です*1。 はじめに この記事では、日本語の縦書きHTMLにおいて、「ある1文字が縦組みのなかで違和感なく縦書きとして表示される」とはどのように成り立っているのか、意図しない表記になりやすい文字とその理由について紹介します。 最後まで読むと、縦書き時の文字の縦横に関する問題をたちどころに分解できるようになるはずです。とりあえずフォントのせいだろうかと疑う日々には、これでおさらばしましょう*2。 はじめに N予備校における日本語縦書きHTML CSS の関連仕様 日本語の一般的な縦書きに設定する うまくいかないことが起こりやすい文字たち うまくいかない文字がうまくいかない理由を理解する 縦書きを考慮した文字の周りの方向の定義 CSS における縦書きでの文字の縦横 upright typesetting sideways type

                                縦書きHTMLにおける文字の向きはどのように定まるか - ドワンゴ教育サービス開発者ブログ
                              • macOS Catalinaでヒラギノ角ゴPro/ProNが消える - kyoto.nagoya Blog

                                macOS Catalinaが日本時間の10月8日午前2時ぐらいにリリースされまして,早速アップグレードしました. www.itmedia.co.jp アップデートは順調に終了.設定も終わり,いざChromeを開いてみると・・・ あれ? フォントがおかしい. ヒラギノの匂いがしないフォントになっている気がしたのでFont Bookを見てみると・・・ Font Bookで「ヒラギノ」と検索すると ヒラギノ角ゴPro/ProNが消えているではありませんか Catalinaではヒラギノ角ゴシックにすべて統合された形になったんですね.だからChromeを開くとフォントが変わっていたのですね. ヒラギノ角ゴシックとヒラギノ角ゴPro/ProNの違い 「ヒラギノ角ゴPro/ProN」は,かなり昔からmacOSに搭載されていました.もちろん,今までのmacOSの日本語フォントの主流はこちらでした.しかし

                                  macOS Catalinaでヒラギノ角ゴPro/ProNが消える - kyoto.nagoya Blog
                                • 本当は教えたくない2023年の英語・日本語フリーフォント120選【商用可】

                                  当サイトでは、毎月新しく公開されたフリーフォント素材をまとめて紹介しています。 この記事では、2023年にリリースされた、商用利用できる完全無料の英語・日本語フリーフォントを集めました。 2023年は、特に数多くの日本語フリーフォントが公開されました。 おしゃれな英語フォントから高級感のあるセリフ書体、人気定番の筆記体、手書き、ブラシフォント、ビンテージ、ディスプレイなど。 幅広いカテゴリよりフリーフォント素材120個を厳選しているので、自分の「推しフォント」を見つけてみませんか。 「日本語フォントをまとめてダウンロードしたい」 「できるだけ安く、仕事でも安心して、フォントを使いたい」 そんなときは、20,000以上の英語フォント、日本語フォントも500以上を使い放題の、Adobe Fonts(アドビフォント)がオススメです。 その理由はずばり、Adobe CCユーザーなら、すべて無料で、

                                    本当は教えたくない2023年の英語・日本語フリーフォント120選【商用可】
                                  • GitHub - trueroad/tr-NTTtech05: NTT Tech Conference #5 Presentation 「PDFのコピペが文字化けするのはなぜか?~CID/GIDと原ノ味フォント~」関連資料

                                    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                      GitHub - trueroad/tr-NTTtech05: NTT Tech Conference #5 Presentation 「PDFのコピペが文字化けするのはなぜか?~CID/GIDと原ノ味フォント~」関連資料
                                    • 昔のテレビの手描きテロップを描いてみよう

                                      パソコンで簡単にテロップを入れられるようになったからか、最近のテレビは画面が文字だらけですよね。情報が分かりやすいのはいいんですけど、いわゆるフォントばっかりでどれも同じに見えてしまいます。 それに比べ昔のテレビのテロップは、一枚一枚、手で描かれていたため、番組や局ごとに特徴がありまくりましたし、画面から妙なパワーがにじみ出ていました。 あの味わい深い手描きテロップをインターネット時代にも! ……ということで手描きテロップに挑戦してみました。 1975年群馬生まれ。ライター&イラストレーター。 犯罪者からアイドルちゃんまで興味の幅は広範囲。仕事のジャンルも幅が広過ぎて、他人に何の仕事をしている人なのか説明するのが非常に苦痛です。変なスポット、変なおっちゃんなど、どーしてこんなことに……というようなものに関する記事をよく書きます。(動画インタビュー) 前の記事:昔のハイテク・ビデオタイトラー

                                        昔のテレビの手描きテロップを描いてみよう
                                      • スライド資料のデザインが劇的に良くなる!現場で学んだフォント・色の選び方|Fuyuna Blog|暮らしと仕事を楽しむ30代・元デザイナーのブログ

                                        「作りたい資料に適したフォントがわからない」 「どの色を選べばいいかわからない」 「スライド資料のデザインをもっと洗練させたい」 スライド資料をデザインするとき、こんな悩みを持つ方は多いのではないでしょうか? スライド資料の印象は使用する「フォント」と「色」によって大きく変わり、うまく活用すれば見る人の心を動かし、行動を促す資料を作成できます。 そんな効果的な資料を作成するには、フォントと色の基本知識が必要不可欠です。それぞれについて学ぶことでデザインセンスが高まり、あなたのスライド資料に適した色とフォントを、効率よく選べるようになるでしょう。 ということで、この記事ではスライド資料のデザインに役立つ「フォント」と「色」の基本知識から、適切な種類を選ぶポイント、もっとデザインを学びたい方におすすめの書籍まで、フォントや色に関するノウハウをたっぷり紹介していきます! デザインに苦手意識がある

                                          スライド資料のデザインが劇的に良くなる!現場で学んだフォント・色の選び方|Fuyuna Blog|暮らしと仕事を楽しむ30代・元デザイナーのブログ
                                        • VisualStudioCodeで絶対にしておくべき設定ベスト20

                                          Visual Studio Codeで絶対にしておくべき設定ベスト20 はじめに Visual Studio Code(VSCode)は、開発者にとって非常に人気のあるエディタであり、その柔軟性と拡張性から多くのプログラミング言語やフレームワークに対応しています。VSCodeを最大限に活用するためには、適切な設定を行うことが重要です。本記事では、VSCodeで絶対にしておくべき設定ベスト20を紹介し、それぞれの設定がどのように開発体験を向上させるかを詳しく解説します。 1. テーマの選択 1.1 ダークテーマとライトテーマ VSCodeでは、ダークテーマとライトテーマの両方が利用可能です。開発環境の明るさや好みに応じてテーマを選択することで、目の疲れを軽減し、作業効率を向上させることができます。特に、長時間のコーディング作業を行う場合、適切なテーマ設定は重要です。 1.2 テーマの変更方法

                                            VisualStudioCodeで絶対にしておくべき設定ベスト20
                                          • 新発表された「ストリートファイター6」のロゴが1万円で販売されているロゴにそっくりだと話題に

                                            2022年2月21日、カプコンがストリートファイターシリーズの最新作となる「ストリートファイター6」の制作決定を発表しました。このストリートファイター6のロゴが約1万円でAdobeが販売しているロゴにそっくりだっと話題になっています。 Street Fighter 6's New Logo Looks Like A Piece Of $80 Clipart https://kotaku.com/street-fighter-6-vi-capcom-graphic-design-logo-sf6-sf5-1848573656 ストリートファイターの公式Twitterアカウントは、ストリートファイターVの最後のダウンロードコンテンツ(DLC)キャラクターであるルークとリュウが対峙するムービーを公開し、ストリートファイター6の制作決定を発表しています。 『ストリートファイター6』制作決定#Str

                                              新発表された「ストリートファイター6」のロゴが1万円で販売されているロゴにそっくりだと話題に
                                            • めっちゃ読みやすいモリサワの「BIZ UD」フォントが「GitHub」に/縛りの比較的緩い「SIL OFL- 1.1」ライセンスでカスタムフォントのベースにピッタリ?【やじうまの杜】

                                                めっちゃ読みやすいモリサワの「BIZ UD」フォントが「GitHub」に/縛りの比較的緩い「SIL OFL- 1.1」ライセンスでカスタムフォントのベースにピッタリ?【やじうまの杜】
                                              • Google Fontsのファイルサイズを簡単に軽量化できる!日本語フォントにも対応

                                                Google Fontsは英語フォントだけでなく日本語フォントもあり、すでに使用している人、もしくは使用を検討している人も多いと思います。その際に懸念されるのが、フォントファイルのサイズです。 フォントファイルのサイズを劇的に軽減できる機能があります。 パラメーターで使用する文字のみフォントファイルを読み込め、これによりフォントファイルのサイズを大幅に削減できます。 タイトルや見出しのみにGoogle Fontsを使いたい時にぴったりです。 Google Fonts -Optimizing your font requests Google Chromeのエンジニア マネージャーであるAddy Osmani氏によると、CSSファイルにパラメーターを付けるだけで簡単にできる、とのことです。 日本語フォントにも対応しています! Tip: Shave up to 90% off the size

                                                  Google Fontsのファイルサイズを簡単に軽量化できる!日本語フォントにも対応
                                                • フロントエンドエンジニアにおすすめchrome拡張機能 - Qiita

                                                  はじめに こんにちは、都内でソフトウェアエンジニアをしているYSasagoです。 私はフロントエンドの開発時に、Chromeのブラウザを使うことが多いです。 Chrome には開発を便利にするchrome 拡張機能がたくさんあります。 普段、フロントエンド開発時に私が使っている拡張機能を紹介したいと思います。 UI Build Assistant アイコンは IT 大学と面白いですが、こちらの拡張機能を使えば、ワンクリックで背景と線に色付けをしてくれて、レイアウトが見やすくなります。こちらの拡張機能を使うとマージンの調整等が簡単にできるようになりとても便利です。 また、作成者のしまぶーさんの Youtube 動画は、フロントエンド学習にとても有益なのでよく拝見させていただいてます。 OFF ON Responsive Viewer 次に紹介するのは、Responsive Viewer です

                                                    フロントエンドエンジニアにおすすめchrome拡張機能 - Qiita
                                                  • Dev Fonts

                                                    Filter fonts0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9

                                                    • MacでWindows版Steamを使用する方法(無料のWineskinServer) - Qiita

                                                      はじめに Steam で遊びたいと思ったゲームでも、Windows版があるが Mac版がないものが結構多いんですよね。そこでWineskinServerを使えば、MacでもWindows版のゲームが遊べるのか試してみました。 ※Mac版Steamはインストール済み、かつSteamアカウント作成済みです。 下記サイトでWineskinServerを使用して動作しているので大丈夫でしょう。 【2023/10/28追記】 エンジン「WS11WineCX64bit23.5.0_D3DMetal-v1.0」にした場合、遊戯王マスターデュエルを起動時に下記エラーが出ます。redditの情報ではD3DMetalが有効だと駄目なようです。 自分の場合、下記の方法で遊戯王マスターデュエルを起動させることが出来ました。 アプリケーションフォルダの「Wineskin Winery.app」をダブルクリックして、

                                                        MacでWindows版Steamを使用する方法(無料のWineskinServer) - Qiita
                                                      • まんがタイムきららの「写植」を読む――吹き出しにみる漫画書体の使い分け|いなにわうどん

                                                        ご無沙汰しています。前記事から 3 年ぶりに note を更新しました。本稿では、芳文社の発行する「まんがタイムきらら」やその姉妹誌に掲載された作品の写植(吹き出し)に注目し、使用されている書体や、その書体が読者に与える印象に関して考察を行います。 「ぼっち・ざ・ろっく!」観てますか??図 1:「ぼっち・ざ・ろっく!」の単行本(筆者撮影)アニメを観てから完全に難民になってしまったので、原作を無限に読んでいます。アニメよりもテンポが早く、4 コマの起承転結を通じて 1 つのストーリーが構成されている点が(ぼざろに限った話ではないですが)素晴しいです。未確認ライオット編よかった…… さて、アニメでは数多の声優さんの演技によって、登場人物の描き分けや感情表現が行われていますが、漫画においては写植、すなわち吹き出しの部分が登場人物の喜怒哀楽の表現に一役買っています。 印刷物のデザインでは「1 ペー

                                                          まんがタイムきららの「写植」を読む――吹き出しにみる漫画書体の使い分け|いなにわうどん
                                                        • 大阪で冷やしあめを巡りながらの街歩き

                                                          趣味は食材採取とそれを使った冒険スペクタクル料理。週に一度はなにかを捕まえて食べるようにしている。最近は製麺機を使った麺作りが趣味。(動画インタビュー) 前の記事:ネギカッターでところてんを作る > 個人サイト 私的標本 趣味の製麺 最初の一杯はサンガリアの缶になった 大阪のシカクという、当サイト関係者の同人誌やグッズをたくさん扱っているショップの店員であるビロくんに教えてもらった店を中心に、冷やしあめを巡ってみる。 冷やしあめを売っている店は大阪の下町に多いようなので、まずは新今宮駅へと向かう。 前に来たときは確か公園だった場所に、星野リゾートの大きなホテルができていて、「本当にできたんだなあ」と駅のホームからしばし眺めた。 あれが例のホテルかー。 この日はちょっと蒸し暑い、絶好の冷やしあめ日和(冷やしあめは夏の飲み物らしい)。なるべく余計な水分摂取は控えて、程よく喉が渇いた状態でクイっ

                                                            大阪で冷やしあめを巡りながらの街歩き
                                                          • ベタ組とツメ組。日本語の文字の並べ方を押さえよう|モリサワ note編集部

                                                            みなさんは日本語の文字の並べ方に「ベタ組」「ツメ組」という言葉があることをご存じでしょうか? 実は日本語の文章は、読み手を意識して読みやすい間隔で文字が並べられています。 今回はそんな日本語の文字の並べ方をご紹介します。 ベタ組とツメ組「ベタ」という言葉の意味は「隙間なく物が並んでいること」だそうです。そういえば印刷用の絵や漫画の黒一色で隙間なく塗った部分を「ベタ」とも言っていますね。他にも「ベタ」は建築業界の⽤語にもあるようです。 まずは日本語組版にもある「ベタ」を説明する前に、文字の設計についてお話しします。 日本語で使われる漢字やひらがな、カタカナは一般的に正方形に収まるように設計されており、この正方形に相当するところを「仮想ボディ」と呼んでいます。そして「仮想ボディ」の中に実際の文字部分である「字面」が収まっています。 仮想ボディと字面。pt? 級? 号? 文字に関する単位の話より

                                                              ベタ組とツメ組。日本語の文字の並べ方を押さえよう|モリサワ note編集部
                                                            • IPAフォントライセンスを巡って | 一般社団法人 文字情報技術促進協議会

                                                              先般、当協議会所属のフォント技術のエキスパートから、MJ明朝体フォントをWOFF化するサービスを提供しているサイトがある、MJ明朝体フォントの使用許諾契約に違反しているのではないか、との指摘があった。事務局長や対外窓口をお願いしている理事の方とも相談して、このサイトのオーナーに連絡を取り、MJ明朝体決め打ちのサービスについては、公開を差し控えていただいた。 ぼく的には、フォントをWOFF化するサービスの必要性もよく分かるし、協議会としても、WOFF化やサブセットフォントの提供など、協議会として直接行うか、協議会メンバーのフォントベンダー各社にビジネスとしてやっていただくかも含めて、具体的な方策を検討しているところだ。 ちょうどいい機会なので、MJ明朝体フォントの使用許諾契約書の成立の経緯と、ついでに、フォントの知的所有権を巡るず〜っと以前のぼくの経験を書き記しておきたい。 そう考えて、経緯

                                                              • とあるコンビニに貼ってあった還付金詐欺のポスターは『騙されている方は自分が騙されているという自覚がない』事を見越したスマートなやり方だった

                                                                コンビニATMの横に貼ってあったポスターは、自分が詐欺に遭っている事に気付いていない人を水際で食い止めるのにスマートな方法でした。 大島紫尾 @cmbvolvo コンビニATMの横に貼ってあったのだが、これ「騙されている方は自分が騙されているという自覚が無い」ことを見越していてスマートなやり方だと思う。 pic.twitter.com/Ei5Vg0TL2g

                                                                  とあるコンビニに貼ってあった還付金詐欺のポスターは『騙されている方は自分が騙されているという自覚がない』事を見越したスマートなやり方だった
                                                                • line-heightのハーフ・レディングを打ち消す`calc((1em - 1lh) / 2)`をCSS変数に定義しておくとよい – TAKLOG

                                                                  lhという単位に見慣れない方もいるかと思われますが、これは現在のline-heightと同じ長さを表す新しく登場した単位です。この例ではline-heightはフォントサイズの1.5倍なので、もし1remが16pxであれば1lhは24pxとなります。 この場合、行の高さと文字の高さの負の差は1em - 1lh、つまり16px - 24pxで-8pxです。それを片方の値を算出するために2で割ると-4pxになります。したがって、margin-block: calc((1em - 1lh) / 2)は、書式のブロック方向(横書き時:上下)にそれぞれハーフ・レディングの大きさ(今回では4px)分のネガティブマージンを設定するということになります。 従来の上下の余白を打ち消す方法との比較lhが登場するまではSassの@mixinなどを使用して以下のような関数を定義し、ハーフ・レディングを打ち消す方法

                                                                    line-heightのハーフ・レディングを打ち消す`calc((1em - 1lh) / 2)`をCSS変数に定義しておくとよい – TAKLOG
                                                                  • 多言語対応のゲームUI注意点覚え書き - デザイナー脂肪

                                                                    こんにちは!ドイツに住んでるUIデザイナーのいまがわ (@i_magawa)です。 この記事は「GameGraphicDesign AdventCalendar 2019」の23日目の記事になります。 自己紹介 現在はフリーでUIの仕事をやりつつ、夫婦や育児に関するマンガを描いたりしています。以前は東京でスマホゲームの開発やってました。 こういう記事も書いてます(宣伝)↓ 何の記事書くの…!? スマホゲームUIのローカライズ対応について今回は書きたいと思います。 いくつか案件関わった気がしたりしなかったりするのでまとめてみました。あくまで日本っぽいゲームを海外対応するときの注意点です! また今回参考として「ポケモンマスターズ」のUIをよく載せています。 ポケモンマスターズはなんと驚異の8言語対応…!殺す気か!ちなみに私は一切運営と関係ないただのファンです。 海外対応の目標 英語ネイティブの

                                                                      多言語対応のゲームUI注意点覚え書き - デザイナー脂肪
                                                                    • フォントワークス8書体が無料公開!商用利用や埋め込みも可能で「Google Fonts」にも対応 | Game*Spark - 国内・海外ゲーム情報サイト

                                                                      フォントワークスは、手書き風の楷書系硬筆体「クレー」やディスプレイ書体の「ロックンロール」「レゲエ」「ドットゴシック」など全8書体を、GoogleのWebフォント「Google Fonts」にて配信開始しました。 また、これに伴い、GitHubにて「Google Fonts」と同じく「SILオープンフォントライセンス」の元で各書体が無料公開。このライセンスのもとでは、商用利用やゲームなどへの埋め込み、改変なども無償で可能となります。今回の提供フォントは下記のとおりです。 クレー One Regular クレー One SemiBold トレイン One Regular(トレインはレイルウェイのGoogleFonts提供名称) ロックンロール One Regular ステッキ Regular ランパート One Regular レゲエ One Regular ドットゴシック16 Regula

                                                                        フォントワークス8書体が無料公開!商用利用や埋め込みも可能で「Google Fonts」にも対応 | Game*Spark - 国内・海外ゲーム情報サイト
                                                                      • 「なぜこの字体にしたのか...」商品ラベルに使われた古印体フォントをめぐって議論が巻き起こる→「不気味なイメージしかない」「普通にかわいい」

                                                                        荻野謙太郎(マンガ編集者) @gouranga_ 前に何度か話してますが、古印体を「かわいい」と感じる層が先入観の無い人たちの中に一定数いるようなのですよね。なんかモコモコしてファンシーに見えるらしい twitter.com/Nancy65094154/…

                                                                          「なぜこの字体にしたのか...」商品ラベルに使われた古印体フォントをめぐって議論が巻き起こる→「不気味なイメージしかない」「普通にかわいい」
                                                                        • もっとも注目されたUIデザインのテクニックの総まとめ

                                                                          デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 これまでの中で最も注目されたUIデザインのテクニックをまとめました。 UI & UX Micro-Tips: Best of the Best by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. 細いフォントは暗いカラーにする 2. 長いフォームは常にラベルを上部に配置する 3. ボタンのラベルは一貫性を保つ 4. 不要なテキストでフォームのUIを乱雑にしない 5. フォームはインタラクションの後、すぐにフィードバックを提供 6. 次のステップの情報を提供する 7. CTA用にカラーを1つ確保しておく 8.

                                                                            もっとも注目されたUIデザインのテクニックの総まとめ
                                                                          • 聖剣伝説LoMのリマスター版が発売決定するも、当時の思い出となにか違う…→地道に作られたオリジナル要素が欠けていた「途方もない…!」

                                                                            リンク GAME Watch 「聖剣伝説 Legend of Mana」HDリマスター版がPS4/Switch/PCで6月24日発売決定 スクウェア・エニックスは、プレイステーション 4/Nintendo Switch/Windows(Steam)版アクションRPG「聖剣伝説 Legend of Mana(聖剣伝説 レジェンド オブ マナ)」を6月24日に発売する。価格は3,520円(税込)。特典が同梱する限定BOXは14,300円(税込)。 1 user 28

                                                                              聖剣伝説LoMのリマスター版が発売決定するも、当時の思い出となにか違う…→地道に作られたオリジナル要素が欠けていた「途方もない…!」
                                                                            • CSSの数学関数min()、max()、clamp()の基本的な使い方

                                                                              IEをサポートから外すと、CSSの便利な新しいプロパティが使用できます。その中の1つ、いや3つがmin(), max(), clamp()です。 数学関数といえばcalc()が便利ですが、さらに便利なのがこの3つです。要素の幅指定、padding値の管理、font-sizeの定義など、レスポンシブ対応で大活躍します。min(), max(), clamp()の基本的な使い方を紹介します。 min(), max(), and clamp(): three logical CSS functions to use today by Una Kravets CSSの関数のさらにいろいろな使い方は、下記をご覧ください。 CSSの比較関数 min(), max(), clamp()の使い方を詳しく解説 CSSのcalc()関数を使うとスゴイ便利!ページのレイアウト、要素やフォントのサイズ指定など実装

                                                                                CSSの数学関数min()、max()、clamp()の基本的な使い方
                                                                              • 現在の実装でよく使用されるCSSの機能、これから登場するCSSの新機能のまとめ

                                                                                現在の実装でよく使用されるCSSの機能をはじめ、まもなく使用できるようになる新機能まで、現在とこれからのCSSを紹介します。 CSS3が登場した2015年以降の新機能、2022年これから登場するCSSの新機能、最近のCSSについてWeb制作に携わる人は要チェックです。 What's New Since CSS3 by Chris Coyier 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSS3以降の新機能 CSSワーキンググループ これから登場する新機能 はじめに 「CSS3」はCSSにとって大成功でした。たくさんの新機能がリリースされ、素晴らしいものばかりでした。CSSグラデーション、CSSアニメーション、border-radius、box-shadow、transform、などたくさんあります。さらに、CSS

                                                                                  現在の実装でよく使用されるCSSの機能、これから登場するCSSの新機能のまとめ
                                                                                • 『シドニアの騎士』弐瓶勉監修のフォント「東亜重工」爆誕 今秋発売

                                                                                  POPなポイントを3行で 『シドニアの騎士』などに登場する「東亜重工」のフォント 老舗フォント制作会社のイワタとコラボ 漫画家・弐瓶勉が開発、今秋発売 漫画家・弐瓶勉さんが原案/監修を担当したフォント「東亜重工」が今秋に発売される。 弐瓶勉さんの代表作である『シドニアの騎士』、『BLAME!』『BIOMEGA』などの作中に共通して登場する巨大企業として読者にはおなじみの東亜重工。 それをフォントとして具現化させたのは、創業百年を迎える老舗フォント制作会社・株式会社イワタだ。 英数字、ひらがな、カタカナ、漢字およそ7700字を収録した東亜重工製フォントは、個人利用のほか、商用利用も可能になる予定。発売は2020年秋。 弐瓶勉作品には欠かせない東亜重工 現在、最新作『人形の国』を連載中の弐瓶勉さん。その代表作品に必ずと言っていい頻度で登場する、架空の重工業企業が東亜重工だ。 東亜重工は、新刊の

                                                                                    『シドニアの騎士』弐瓶勉監修のフォント「東亜重工」爆誕 今秋発売