現在は状況が異なる可能性がありますのでご注意ください。いう名称でリリース)というオープンソースのフォントファミリーは「日本のWebデザイン史上に残る画期的なフォント」だと思ったので記事にしました。アプリによっては下記のように日本語部分と英数字部分で大きくウエイト(フォントの太さ)が異なることがありました。公式アプリを表示した時のものです。ともに丸ゴシックで表示され、ウエイトもおかしくないのですが、アプリによってはこのように日本語と半角英数字で大きくウエイトが異なる場合があります。fonts(Wikipedia)という、フォントファイルをWebサーバーにアップロードし、指定したフォントがインストールされていない環境でもWeb制作者が指定したフォントで表示させる技術を利用したサイトが増えています。限られた選択肢しかありません。サービスを利用する必要がありました。画期的だと感じたのは、以下の点です。無償で利用できる改変・再配布できるウエイト(太さ)が7種類もある商業デザインでも利用できるクオリティの高さ各国語の書体デザインが統一されている漢字も豊富に入っており、旧字体、中国語の字体なども含まれているスマートフォンやタブレットなどのモバイルデバイスで読みやすいようにデザインされているオリジナルフォントを作成する際に組み合わせて利用できる以下、詳細です。2.0ライセンス)で無償配布されています。内容を抜粋すると、以下のようになります。頒布をすることを制限しない。頒布される二次的著作物が同じライセンスで提供されたり、フリーソフトウエア、オープンソースソフトウェアとして頒布されることを要求しない。ライセンスされたファイルそれぞれに元々ある著作権と特許権の記述はそのまま保持されなければならず、何らかの修正が施されている場合は、その旨を追加記述しなければならない。無償で利用できるか改変が認められているか再配布が認められているかはとても重要です。フォントファイル軽量化のためにそのWebサイトで使用されていないグリフ(字体)を抜いたフォントファイルを作成し、サーバーにアップロードする場合があるからです。この書体を使用することができるということです。利用される予定ですが、そのような低価格端末で高価なフォントを利用することは難しいと思われます。あれば美しく読みやすい書体を収録し、世界中にリリースすることができます。これは、「次の10億人」にインターネット接続環境を提供する上でとても重要なことです。CJK含んだApacheライセンスのフォントを遂にAdobeやGoogleが作って公開してくれた。付属している「小塚ゴシック」や高価な有料フォントを除き、大抵の日本語フォントはあまりウエイトが豊富ではありません。女性向けのおしゃれな雑誌をデザインしている時は極めて細く、男性的向けに力強い広告バナーを制作している時は極めて太いウエイトのフォントを使用したくなるかもしれませんが、そのような時豊富なウエイトの日本語フォントがあると、とても助かります。ウエイトが豊富にあることで、さまざまなシーンで利用しやすく、他のフォントファミリーと組み合わせての利用もしやすくなります。商業デザインでも利用できるクオリティの高さ東京を拠点とするフォント開発チームのシニアデザイナーである西塚涼子は、新しい書体ファミリーの基本デザインを作成しました。(中略)西塚涼子によるデザインは、シンプルで線幅の太さがかなり均質な画線で構成される、比較的現代的な様式です。その結果、タブレットやスマートフォンなどの小型デバイスでも読みやすくなります。そのシンプルさにもかかわらず、伝統的なサンセリフの書体デザインに固有の優美さも残しています。そのため、ソフトウェアのメニューにあるような単一行の語句、短いテキストから、電子書籍などでの長い本文テキストにいたるまで、十分な読みやすさを維持します。「かづらき」「りょう」「りょうゴシック」などの書体デザインをされた方です。電子書籍を意識して作られたというのはとても素晴らしいですね。もこのプロジェクトに関わっています。各国語の書体デザインが統一されている各国語の書体デザインが統一されているということは、多言語サイトや多言語アプリで、どの言語で表示した時も同じイメージを保てるということです。これはとても重要な事だと思いますが、それが実現できるフォントファミリーはこれまであまりなかったように思います。いう有名企業であることも重要だと思っています。ありますが、海外の方はそれを知らないと思います。アプリのようにウエイトの組み合わせがおかしい例もなくなり、世界がちょっと良くなると思います。SansのGoogle版はNotoですが、ダウンロードページを訪れる際はNotoフォントの他の文字(Monotypeが担当)も見てやってくださいね。これはこれで大変なプロジェクトです。Mongolianは自分の知る限り世界初のモンゴル文字サンセリフ。fontsプロジェクトにはそういう初めてがとても多い。Collections)という形式になっており、アプリ開発者も多言語対応が楽になるようです。OTCだとロケール分けとか出来るね。16オリジナルフォントを作成する際に組み合わせて利用できるオリジナルの日本語書体を制作しようと思った時、ひらがな・カタカナはいいとして、漢字まで制作するのは大変な手間がかかります。漢字を組み合わせる、といったことも考えられます。極太書体から極細書体までさまざまなウエイトがあるため、いろいろな書体と組み合わせやすいと思います。Sans日本語に要約すると「コンピューターで表示されないテキストは、白い四角形で表示されることがあります。私達はそれらの小さな箱を『豆腐』と呼びます。私達はWebから豆腐を取り除きたい。フォントファミリーの名前が決まりました」といったことが書かれています。教えて頂けると幸いです。いう名前になったようです。Japanese」の右の「Download」をクリックすると、日本語書体一式(7ウエイト)がダウンロードできます。ダウンロードし、利用できます。ダウンロード可能です(開発者向け)。いう名前で明朝体版が公開されました。以下のページからダウンロードできます。ダウンロードできます。源ノ明朝スマートフォン時代のWebデザインスクールを渋谷で開講します2020年1月から、「スマートフォン時代のWebデザインスクール」というWebデザイン入門スクールの初回体験レッスンを渋谷で開講します。XDによるプロトタイピング、UI/UXなど新しい内容に対応しています。使ったことない方向け)です。初回体験レッスンは1,000円でご参加いただけます。XDによるプロトタイピング」「Instagram風のプロトタイプ制作」などを行います。「スマートフォン時代のWebデザインスクール」のページよりお気軽にご参加ください。PHP徹底入門講座・WordPressカスタマイズ講座を開きます「PHP徹底入門講座」は、「HTMLはわかるけどプログラミングは未経験」の方向けの日曜講座です。プログラミングを始めてみたい方は、まずはこちらへどうぞ。別途、「WordPressカスタマイズ講座」も開講します。管理画面から更新可能な中小企業サイト」制作までやります。スマートフォンやRetinaディスプレイに対応した新しい内容にリニューアルしました。渋谷にお越し頂くのが難しい場合、ご自宅で動画受講も可能です。入門」「WordPressカスタマイズ講座」などさまざまな講座を予定しております。ご興味ある方は、下記フォームにPCのメールアドレスをご登録いただければ、次回開講の際お知らせします。WordPressPCのメールアドレス:Twitterでは、Web制作に関する最新情報をツイートしています。文字組みAboutフリーランスのWebデザイナーです。東京の下北沢で、うさぎと一緒に暮らしています。渋谷で「スマートフォン時代のWebデザインスクール」の講師をしています。「スマートフォン時代のWebデザインスクール」を東京・渋谷で平日夜に開催します「スマートフォン時代のWebデザインスクール」は、2020年2月から平日夜開催!初回体験レッスンも開催します。XDをはじめ、新しいWeb技術やデザインワークフロー、新しい端末などに対応するため、授業内容はリニューアルし新しい内容となっております。2020年2月に「WordPressカスタマイズ講座」を開きます以下の方を対象として「WordPressカスタマイズ講座」を開きます。AppはAndroidのホーム画面にあるGoogle検索フォームのことである」と解説している記事が多いですが、どうも数が合わないと思って調べた結果、別の結論に至ったのでこの記事にまとめています。Edgeの正式版がリリースされました。いえ、この記事を読んでいる方の中には「まだ使ったことがない」という方もいらっしゃると思います。...「Webデザイナーはコーディングできるべきか」という議論に対する私の考え過去にも何度か話題になっていましたが、ここ最近TwitterのWeb制作者界隈で過去最高に「Webデザイナーがコーディングできるべきかどうか」という議論が白熱しているように思います。悩んだのですが、私なりにお話しできることもあるかと思い、この件について私の考えを記事にまとめて公開することにしました。「Web制作に役立つIllustrator入門講座」という無料講座を開催しますIllustratorを使用したことがない方やWeb制作は未経験の方に向けて、Web制作でIllustratorをどのように使うのか、Photoshopとどのように使い分けたらよいかという話からGoogleのマテリアルデザインと呼ばれるデザイン手法の話、マテリアルデザインに基づいたアイコン制作をIllustratorで行う実習などを行います。フィルムカメラで撮影した写真を自分で現像・プリントしてみたフィルムで撮影した新宿の写真を自分で現像・紙焼きしたところ、数十年前に撮影した写真のような不思議な雰囲気になりました。2019年12月の、これだけは押さえておきたいWeb関連の動き「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。年末年始にWebデザインを学び直すための3つのステップこの記事は、以下のような方を対象にしています。