[B! webfont] kurobuchiのブックマーク

ウェブサイトでローカルフォントの「游ゴシック」はもう使えない｜Takehiko Ono

Mac と Windows に無償で付属してくる日本語フォントに「游ゴシック」があります。両環境で共通して利用できる希少な「日本語」のデバイスフォントであることから重宝され、ウェブサイトでもCSSのローカルフォント参照で利用されるケースがありました。「サイトの書体に “游ゴシック” を適用させるCSS記述方法」のような記事は最近になっても大変多く、あたかもMac・Windowsの全てのブラウザで表示可能と錯覚してしまいがちなのですが、結論から言うと Mac の Safari・Brave・Firefox（プライベートウィンドウ）ではもうローカルフォントとしての「游ゴシック」をウェブサイトの表示に使うことはできません。（Safariにおいては5年前の macOS Mojave 以降から使えなくなっているはず…。）フィンガープリントなぜそんな事態になっているかと言うと、最近のブラウザ界隈の

kurobuchi 2024/05/16

なんだって！デバイスフォントがWebサイトで使えないとかあるのか… 嫌な流れだな。

リンク

Google・Adobeフォントが反映されない？正しい埋め込み方解説！ | masakichi-code

ディレクターさん、デザイナーさんから指定されたフォントを埋め込みしたけど反映されない、、、そんなエラーに悩まされたこと、ありませんか？この記事では、よくあるエラーを2つ紹介して、対策までご紹介していきます。さっそく見ていきましょう！ ①半角文字が全角になっている slackなどのチャットアプリを使って埋め込みコードを渡すと、文字列をコピーするときに全角になってしまいます。以下はslackからコピペしたコードです。(コピペしてみると『’』が全角の『’』になっています) /* slackからコピペしたコード */</code> <script> (function(d) { var config = { kitId: '〇〇〇〇〇〇〇', <code><span style="color: var(--hcb-color--text,#1f1e1e); font-family: var

kurobuchi 2023/12/08

Slackなどのチャットツールで埋め込みコード送ったのが原因で動作しなかった…注意せねば。

リンク

モリサワ新たなフォントサービス「Morisawa Fonts」を発表〜「MORISAWA PASSPORT」の後継サービスとして2022年10月4日にリリース〜 | ニュース&プレスリリース | 企業情報

モリサワ新たなフォントサービス「Morisawa Fonts」を発表〜「MORISAWA PASSPORT」の後継サービスとして2022年10月4日にリリース〜 2023年11月20日（月）に、「MORISAWA PASSPORT」のサービス終了スケジュール確定に関する新しい情報を公開しております。最新のニュースはこちらからご覧ください。株式会社モリサワ（代表取締役社長：森澤彰彦本社：大阪市浪速区敷津東2-6-25 Tel:06-6649-2151 代表、以下モリサワ）は、クラウド型の新たなフォントサービス「Morisawa Fonts」を2022年10月4日（火）にリリースすることを発表します。 Morisawa Fontsは、1,500書体以上のフォントが好きなだけ使えるライセンス製品「MORISAWA PASSPORT」の書体ライブラリーを引き継ぎ、デバイスに依存しないユーザー

kurobuchi 2022/08/02

モリサワパスポートが将来的に終わって新しい「Morisawa Fonts」というサービスになる？便利に安くなるのか？ちゃんと調べよう。

font
webfont

リンク

Shippori Mincho - Google Fonts

Shippori Mincho is an old-style Mincho style created to provide novel writers in Japan a beautiful Mincho style for free. It is based on The Tokyo Tsukiji Type

kurobuchi 2021/08/17

Googleフォントの明朝体の日本語で綺麗で使いやすいフォント「Shippori Mincho」。しっぽり！？

リンク

大阪のホームページ制作会社プラスデザインカンパニーのブログ Vol.1

プラカンブログホームページ制作に関する役立つ記事からおもしろ記事など。プラスデザインカンパニーのスタッフによるブログです。

kurobuchi 2020/05/21

「fontello」というサービスを使えばアイコンフォントを簡単に作ることができそう。やってみよう。

リンク

Adobe Fonts のWEBフォントを使う際の注意点／他のWEBフォント配信サービスとの比較 | ウェブマガジンカミナリ | 鳥取県米子市のホームページ制作・広告代理店・デザイン

ウェブFRIDAY 2020 / 2 / 21 Adobe Fonts のWEBフォントを使う際の注意点／他のWEBフォント配信サービスとの比較 Adobe Creative Cloud のライセンスに含まれる Adobe Fonts（旧Adobe Typekit）では各種フォントが使い放題な上、WEBフォントも利用可能です。 WEBフォントを使えば、指定フォントがインストールされていないパソコンでも全く同じ表示ができます。アクセス数による制限もありませんのでかなり自由に使えますが、注意点もあります。 WEBフォント使用時の注意注意すべきなのはWEBフォントでの使用は再販不可という点です。なので、例えば弊社が自社サイトでWEBフォントを使う分には問題ありませんが、弊社が受託して制作したウェブサイトでWEBフォントを利用するのはライセンス違反となります。参考：フォントのライセンスのF

kurobuchi 2020/05/20

「AdobeFonts」について、比較表見ると、他の主要サービスより取扱フォント数多いし、何よりPV数でお金変わらないのが嬉しい。使っていこう。

リンク

typesquare.js v3 をリリースしました

開発担当オムロです。WebAPI v2 に引き続き、typesquare.js v3 をリリースしました。 typesquare.js とは？ TypeSquareを利用するには、Webフォントを適用したいウェブサイトのHTMLに<script>タグを記載し、専用のJavaScriptをインクルードする必要があります。このJavaScriptが「typesquare.js」にあたります。 typesquare.js はウェブサイト表示時にロードされ、以下のような処理を行います。サイトで利用している文字の抽出抽出した文字のみ含んだWebフォントの取得 Webフォントリクエストの処理 etc… このtypesquare.jsを日々改善してきましたが、技術的な負債も大きくなり、抜本的な見直しをしないと改善する事が難しくなってきたため、全面リニューアルするにいたりました。リニューアルでは構

kurobuchi 2018/04/26

日本語のWebフォントってオートリロードに対応してないって認識だったけど、モリサワのtypesqureの新しいバージョンだと対応していた！

リンク

株式会社Qript　グループ統合に関するお知らせ

このたび弊社を含む Penseur（パンスール）グループ傘下の事業再編にともない、2022年4月1日をもって、株式会社Qriptは株式会社Penseurへ吸収合併され、新たな歩みを進めることとなりました。 2000年に創業し本日に至るまで、多くの皆様からのご愛顧に対し、社員一同、深く感謝するとともに心より御礼申しあげます。なお、弊社の既存事業・業務はすべて株式会社 Penseurにて継続してまいります。事業再編により、新たな体制をもって総力を結集することが可能となり、今後さらに高付加価値のサービス提供が可能になると考えています。今後も皆様のご期待に添えますよう全力を尽くしてまいりますので、引き続き、何卒ご指導ご鞭撻を賜りますようお願い申し上げます。 2022年4月1日株式会社Qript 代表取締役寺嶋正浩株式会社Qript　グループ統合に関するお知らせ（PDF） ※株式会社Qr

kurobuchi 2018/04/04

Webフォントでも使える定番フォント。入れておこう。

リンク

無料でもOK！手軽に使えるTypekitの日本語Webフォント14個 | PRESSMAN*Tech

源ノ角ゴシック・小塚ゴシック・小塚明朝など、AdobeのTypekitにて14種類の日本語Webフォントの提供が始まりました。今までTypekitの日本語フォントはアプリケーションでの利用に限定されていたため、Webフォントとして使えるのは今回が初めてです。目次：Adobe Typekitとは？日本語フォントを読み込んで重たくならない？TypekitのWebフォントの使い方は？動作環境と注意点日本語Webフォント全14種類源ノ角ゴシック無料りょうゴシック PlusNりょう Display PlusNりょう Text PlusN平成角ゴシック StdN平成角ゴシック Std無料平成丸ゴシック Std無料平成明朝 Std無料平成明朝 StdNかづらき SP2N小塚ゴシック Pr6N小塚ゴシック Pro小塚明朝 Pr6N小塚明朝 Pro※Adobe Typekitのサービス内容は、2015年6

kurobuchi 2017/01/26

Adobe TypekitのWebフォント日本語増えてるし、無料のプランもあるって知らなかった。アクセス数少ないサイトだったら使える！

リンク

レンタルサーバWebフォント機能／さくらのサポート情報

Webフォント機能はさくらのレンタルサーバ内に設置されたWebサイト上で使用可能です。利用にはコントロールパネルからドメインの登録が必要です。 1アカウントにつき3ドメインまで登録できます。 33書体を7.5万ページビューまで表示できます。ビジネス、ビジネスプロ、マネージドサーバの各プランはPV制限はありません。 ※サーバーの管理に支障をきたす場合、他のお客様に影響を及ぼすような状態が確認された場合には、一時的に制限させていただくことがあります。このページではHTMLに直接タグを記述してWebフォントを表示する機能についてご説明します。 WordPressでご利用になる場合はWordPressプラグインのサポートサイトをご覧ください。

kurobuchi 2017/01/24

さくらの無料オプションのモリサワのWebフォントの導入方法。

リンク

Roboto - Google Fonts

Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While

kurobuchi 2016/10/26

DINっぽくて使い勝手の良さそうなGoogleフォント。ファミリーも豊富でいいね。

リンク

「ヒラギノ角ゴ」にソックリ！無料で使えるOpen Type フォント「Noto Sans JP」 - WEB上手

良く使われる日本語フォントといえば「新ゴ」や「ヒラギノ」が有名ですね。「ヒラギノ」フォントはMacの基本的なフォントですので、Macを使っていれば無料で使うことができますが、Windowsを使っている場合には、購入する必要があります。「新ゴ」や「ヒラギノ」のフォントは購入すると高いんですよね。。。それぞれ、数万円は軽くかかります。しかし、今回紹介する「ヒラギノ角ゴ」フォントにそっくりな「Noto Sans JP」は、個人利用・商用利用に関わらず、無料で利用することができる日本語のフリーフォントなのです！

kurobuchi 2016/10/08

Fontに予算を避けない案件のゴシック系の日本語で「Noto Sans」使えそう！

リンク

あなたは見分けられる！？定番フォント代わりに使えるGoogle Fonts 27書体 | WebNAUT by Beeworks

※この記事は2014年1月6日に執筆された記事です。現在は内容が異なる可能性があります。あけましておめでとうございます！定番フォントを愛してやまない、デザイナーのタカハマです。今月からTypeSquareの「MORISAWA PASSPORTプラン」が始まるようで、国内サイトでもWebfontの使用が一気に増えそうですね！そこで今回は、WebNAUTでも使用しているWebfontサービス「Google fonts」から、定番フォントの代わりに使えそうな書体をリストアップしました。定番フォントをカタチ別にピックアップ今回は定番フォントの偏りを防ぐために、誠文堂新光社「ABCのみほん〜かたちで見分けるフォントガイド〜」を参考に次のようなカテゴリで分類させて頂きました。 Historical Script 歴史的書体 Serif セリフ書体 Hybrid ハイブリッド書体 Sans Se

kurobuchi 2016/08/30

有名フォントにそっくりなGoogleフォントのリスト。結構無料で行けるんじゃないか？

リンク

モリサワとさくらインターネットが協業し、無料でのWebフォント導入を実現 | さくらインターネット

モリサワとさくらインターネットが協業し、無料でのWebフォント導入を実現〜WordPressで簡単に利用でき、SEOやユニバーサルデザインへの配慮を支援〜デジタルフォントや組版用ソフトウェアの開発を行う株式会社モリサワ（本社：大阪市浪速区、代表取締役社長：森澤彰彦）と、自社運営のデータセンターでインターネットインフラサービスを提供するさくらインターネット株式会社（本社：大阪市中央区、代表取締役社長：田中邦裕）が協業し、「さくらのレンタルサーバ」利用者に向け、モリサワのWebフォント提供を開始いたします。また、Web制作者を対象としたイベントを7月27日（水）に開催いたします。モリサワとさくらインターネットのコラボレーションにより、「さくらのレンタルサーバ」にてWordPressをご利用いただく際、モリサワのWebフォントサービス「TypeSquare」で提供中の書体の中から、30

kurobuchi 2016/07/22

さくらのレンタルサーバで無料でモリサワのWebフォントが使えるように。サーバ会社のサービスとしてこれはいい流れ。

リンク

2015年のフォント総括／鷹野雅弘（スイッチ）

スライド内で参照しているリンク先一覧 http://matome.naver.jp/odai/2145969573620076801 2015年12月26日（土）、ソラシティホールで開催したShift9：Webデザイン行く年来る年（CSS Nite LP43）のフォントセッションから http://cssnite.jp/archives/post_2859.html Read less

kurobuchi 2016/05/02

MacもWinも新しい素敵なフォントが入ったのね。素晴らしいまとめ！notoフォントの語源が「NOT TOFU」って笑った。

リンク

まずはこれを入れておけ！ダウンロードしておきたいオススメGoogle Fonts 10選 | ajike switch

こんにちは、ハキリです。ここ最近UXやグロースハック、スマホUIについてハイペースかつ真面目な記事が続いてますので、息抜きがてらオススメのGoogle fontsのご紹介をします！書体のバリエーションにお困りでしたらぜひ参考にしてみてくださいね。 RobotoやDroidシリーズ、Open sansといった紹介不要な著名なフォントは除いて、今回はサイトに組み込む以外のグラフィック表現にも使えそうなフォントを挙げてみました。そして挙げ出したらキリがない！ということで10個に厳選してご紹介していきます。それではどうぞ！ 1. Asap https://www.google.com/fonts/specimen/Asap FrutigerやDroid sansのように視認性に特化させたカーブが特徴的で（組んでみるとDINぽさもありますね）、角丸加工が今らしさを演出してますね。視認性の良さ＆角丸

kurobuchi 2015/07/21

使い勝手の良さそうなGoogle Fonts。ありすぎて探せないのでありがたい。

リンク

type.center - Domain Name For Sale | Dan.com

Buyer Protection Program When you buy a domain name at Dan.com, you’re automatically covered by our unique Buyer Protection Program. Read more about how we keep you safe on our Trust and Security page. Next to our secure domain ownership transfer process, we strictly monitor all transactions. If anything looks weird, we take immediate action. And if the seller doesn't deliver on their part of the

kurobuchi 2014/10/01

フォント、文字の情報サイト。かなりエグいレイアウトと色使いだけどちゃんと見れる！すごいなー。

リンク

価格 | Webフォント TypeSquare

月契約の場合、フォントの配信が基本PVを超えると超過料金が発生します。利用可能書体数は全書体のうち、一度に利用可能な書体数です。制限数のなかであれば全書体の中から何度でも変更は可能です。また、オプションにて利用数を追加することも可能です（有償）。利用可能ドメイン数は、一度に登録、利用可能なURLの数です。制限数のなかであれば何度でも変更は可能です。また、オプションにて利用数を追加することも可能です（有償）。スタンダード無料プランは、毎月 1千 PV までフォントが配信され、超過した場合は翌月までフォントは配信されません。スタンダードプランの基本PVは、TypeSquareを利用するすべてのドメインの合算値です。 TypeSquare API は、書体リストの取得、フォントの非同期呼び出しなどが可能で、幅広いコンテンツにご利用いただけます。詳しくはリファレンスページをご覧

kurobuchi 2014/02/18

モリサワのTypeSquareスタンダードプランなら1サイト1フォント無料というのも。

webfont

リンク

WP Google Fonts

Lamentabl emente no funciona con Elementor, las fuentes cargadas no se visualizan. No obstante la interface es fácil y sencilla de entender, solo falta que funcione.