クロスドメイン制約によりFirefoxでFont AwesomeなどのWEBフォントを表示できない場合の設定 - Lowaivill Tech Blog
クロスドメイン制約によりFirefoxでFont AwesomeなどのWEBフォントを表示できない場合の設定by Tech Topics2013年11月21日2016年1月13日1件のコメント 【この記事を読むのに必要な時間は約 4 分です】 Font Awesome などのWEBフォントを利用する際に、フォントを利用するサイトのドメインとWEBフォントを配置したサーバのドメインが異なる場合、使用するブラウザとそのバージョンによってはクロスドメイン制約のためWEBフォントにアクセスできず、フォントが正常に表示されないことがあります。 この場合、WEB フォントを配置したサーバ側に他のドメインからのアクセスを許可するよう設定を追加することで、WEB フォントを表示できるようになります。 Firefoxなどの最新ブラウザではクロスブラウザを許可しない 以下では、リストのマーカーとして <i c
GoogleとAdobeのフォントNoto Sans（Source Han Sans）の画期的なところ
2014年7月16日に、Google と Adobe がリリースした Noto Sans（Adobe からは Source Han Sans という名称でリリース）というオープンソースのフォントファミリーは「日本のWebデザイン史上に残る画期的なフォント」だと思ったので記事にしました。 これまでの問題 ウエイトの不足 普段Webデザインなどの仕事をされている方でないとあまり気にすることはないかもしれませんが、たとえば Android は、アプリによっては下記のように日本語部分と英数字部分で大きくウエイト（フォントの太さ）が異なることがありました。 ※この画像は、Nexus 7（Android 4.4）で Twitter 公式アプリを表示した時のものです。 Nexus 7 では Chrome ブラウザーなどでは日本語・半角英数字ともに丸ゴシックで表示され、ウエイトもおかしくないのですが、アプ
Tips for Creating Big Stature With Small Caps
When a web page demands respect from readers, few type treatments give it dignity like “small capitals.” This treatment makes all letters in a line of text uppercase, but retains hierarchy by making the initial letters of important words noticeably larger. When used properly, small caps make things look stable and reliable. They can appear official or solemn; stately text is never rushed. Small ca
初心者の方のDTP講座「フォント編」
チラシ印刷・DMはがき印刷・ポストカード印刷などをデザイン・データ作成からお引き受けする印刷・制作会社です。 特に少ロット印刷を得意としており、これまで全国のお客様より高い評価をいただております。
40 Excellent Logos Created with Helvetica | Webdesigner Depot
It's over fifty years old, it's the most widely used font ever, and it has recently become the subject of its own movie. We're talking about the world's most recognizable font: Helvetica. Its relevance in design through the years and even today seems unbeatable. The appeal for a distinctive, professional and timeless typeface has never dwindled and it keeps gaining more followers day by day. Love
MdN Design｜総合情報サイト
目立つ文字はさりげなく特徴を 大きく目立つ文字には、スタンダードな書体を使ってプラスαの味付けをするのが印象アップに効果的だ。文字にさりげない加工を施すほか、最近は本文用の書体をあえてキャッチコピーや見出しとして大きく扱う例なども見受けられる。 【1】は、キャッチコピーに「新聞明朝」という書体を使っているページ。本来はオーソドックスな書体だが、新聞用の明朝体は一般的なものに比べて個性的な形をしていて、大きく使うとその個性が引き立つ。個性といっても周囲のビジュアルなどとの組み合わせで、新聞のイメージにつながってはおらず、知らないで見ていればここで使われている書体が新聞明朝という名前だとは思わないだろう。 【2】はタイトル文字に昔の活字を連想させる書体が使われている。バックに配置された本の画像、また本の街である神保町という地名と合わさって、ページのイメージづくりに大きく貢献している。タイトル文
MdN Design｜総合情報サイト
OpenTypeフォントを使っていれば、文字詰めを自動で行える。Adobe Illustratorの旧バージョン（10以下）ではCID、OCFフォントを「詰め」チェックボックスで詰めることができたが、それと同じような詰まり方になる。ある程度きれいに詰まるので、作業効率をかなり上げられるだろう。ただし、自動文字詰めは若干詰まり具合が甘いので、仕上げに手詰めをすることが大切だ。 【1】Adobe Photoshop文字パレット。パレットメニュー→“OpenType”→“プロポーショナルメトリクス”で実行できる。使っているフォントがOpenTypeフォントでない場合はグレーになって選択することができない。カーニング値に「メトリクス」を設定しても同様の詰め具合になる 【2】Illustrator文字パレット。こちらは文字パレットとセットになったOpenTypeパレットがあり、そこで適用する。Ope
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
