クロスドメインフォント-CSS font-faceが読み込まれない | HireHop.jp
多くのユーザーが、HireHopで使用するためにHTML5、JavaScript、CSSの機能を利用して素晴らしいドキュメントをいくつか作成しています。これらのドキュメントの場合、ユーザーはサーバーに保存する特別なフォントを必要とする場合がありますが、フォントがHireHopドキュメントで機能しない場合があります。これは、ブラウザーでのクロスオリジンリソースシェアリング（CORS）の制限が原因です。 フォントがドキュメントに読み込まれない ほとんどのWebブラウザーはクロスドメイン要求を許可しません。これは、同じ発信元のセキュリティポリシーが原因です。つまり、別のドメインのウェブフォントを使用すると、エラーが発生し、ブラウザやHireHopドキュメントでフォントが読み込まれないことがあります。 <style type="text/css"> @font-face { font-family
ウェブフォント ローダー | Google Fonts | Google for Developers
ウェブフォント ローダー コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 Web Font Loader は、Google Fonts API が提供するフォントの読み込みよりも詳細に制御できる JavaScript ライブラリです。ウェブフォント ローダでは、複数のウェブフォント プロバイダを使用することもできます。Google と Typekit が共同開発したものです。 ウェブ フォント ローダーのドキュメントとソースコードは GitHub リポジトリで入手できます。 特に記載のない限り、このページのコンテンツはクリエイティブ・コモンズの表示 4.0 ライセンスにより使用許諾されます。コードサンプルは Apache 2.0 ライセンスにより使用許諾されます。詳しくは、Google Developers サイトのポリシーをご覧ください。Java は O
フラットデザインに最適な日本語のフリーフォント厳選3選
ホームページやアプリのデザインにフラットデザインを採用する時、意外と頭を悩ませるのがフォント選定です。 フラットデザインは英字と組み合わせることを前提に構築されているため、フラットデザイン経験者は相性の良い日本語フォントを探すのに苦労したことがあるのではないでしょうか。 今回は、フラットデザインに適した日本語のフリーフォントDLサービスをご紹介します。 フラットデザインに適した和文フォント３選 1.M+FONTS http://mplus-fonts.osdn.jp/about.html 近年使用頻度が高くなりつつあるWebフォントでもあるM+FONTSは、和文フォントをはじめ多種多様な種類が取り揃えられています。 和文フォントのM+Type-1とM+Type-2は500文字以上の漢字を搭載していて可変幅7段階・固定幅5種のダウンドードが可能なので、デザイン担当者様には有用です。 和文と英
グーグルが日本語Webフォントを提供してた。これはWebフォントの大転換になるかも？ | 初代編集長ブログ―安田英久 | Web担当者Forum
今日は、Webフォントの話題を。日本語Webフォントは、「使いたい、でも重くなるからちょっと」という人が多いと思います。でも、グーグルがクラウド上でWebフォントを提供し始めたことで……。 グーグルが日本語のWebフォントをクラウドで提供開始グーグルが日本語のWebフォントを提供し始めていました。実は、2014年7月からあったらしいのですが、私はつい最近になって知りました。 その名も、「Noto Sans Japanese」。このページの表示も、「Noto Sans Japanese」にしてあります。 Noto Sans Japaneseは、6934文字に削減したサブセット版が提供されており、ウェイト（太さ）が7バリエーション。1ウェイトあたり約4.5Mバイトほどのサイズです。 使い方を簡単に説明すると、CSSで定義ファイルを読み込み、 <style> @import url(http:/
Webフォントを指定するには？ - @font-faceの解説 - CSS3リファレンス
@font-faceの解説 Webフォントを指定するには? ＠ルール書式 @font-face { font-family:【フォント集合名】; src:【フォントへの参照】 [ ,【フォントへの参照】... ]; [ 【オプションのフォント記述子】:【オプションのフォント記述子の値】;... ] } 対応ブラウザ IE 9：○ Firefox 10.0：○ Opera 11.61：○ Chrome 17.0：○ Safari 5.1：○ ※現在、動作にベンダープレフィックスが必要なブラウザは、括弧内にベンダープレフィックス付のプロパティを記載しています。 ※ブラウザはWindows 7上で動作確認を行っています。 ※ユーザーの設定より、異なる挙動をする場合があります。 フォント記述子一覧 font-familyとsrcの指定は、省略しても文法的なエラーにはなりませんが、フォントを実際に要
GitHubで使用されているアイコンフォント「Octicons」が一般公開を開始
世界中のソフトウェア開発者のための共有ウェブサービスであるGitHubは、同サイトで使用されているアイコンフォント「Octicons」を一般向けに公開を開始しました。 Octicons http://octicons.github.com/ 公開されたアイコンフォントの一覧がこちら。GitHubが使っているアイコンだけあって、開発系のWebサイトやソフトに特化したアイコンが揃っているといえます。 サイトで各アイコンをクリックすると、各アイコンの文字コード(Unicode)やサイト埋め込み用のタグが表示されます。 フォントをPCにインストールするには「Download Octicons」をクリックし、圧縮ファイル(zipファイル)をダウンロード。 ファイルを解凍し、「octicons-local.ttf」をインストールすると、ローカルでもフォントを使用することができるようになります。 各アイ
TypeTalks第10回「もっと知りたい！Webフォント」
2012年5月12日に青山ブックセンター本店で開催された欧文書体セミナーTypeTalks第10回「もっと知りたい！Webフォント」のスライドです。 ・・・ 【追記1】スライド10の「Arialは何と呼ぶ？」は、日本においてArialは色々な呼び方が流通しているという蛇足話で、正しい読み方を追求する意図はありません。統計データは当ブログのFacebookページで皆さんに行ったアンケート結果です。スライドのペラ1画像がひとり歩きしてしまっているため、この場で補足いたします。 【追記2】スライド62の「OpenTypeフォント機能に対応するブラウザ」は、現在Chromeも対応しています。 ・・・ 1. Webフォントとは？ 1-1. Webで使えるフォント 1-2. Webフォントサービス 1-3. 利用者にとってのメリット 1-4. 制作者にとってのメリット 2. Webフォントの今 2-1
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
もうゴシックだけじゃない！Google Fonts + 日本語 早期アクセスを試してみた！ | バシャログ。