Skip to Content
SVGエッセンシャルズ 第2版
book

SVGエッセンシャルズ 第2版

by J. David Eisenberg, Amelia Bellamy-Royds, 原 隆文
May 2017
Intermediate to advanced
432 pages
5h 26m
Japanese
O'Reilly Japan, Inc.
Content preview from SVGエッセンシャルズ 第2版

付録Eフォントの作成

SVG文書をレンダリングするシステムに組み込まれているフォントは、作成者のほとんどのニーズを満たしてくれます。とはいえ、カスタムフォントを使いたい場合もあるでしょう。SVGで使用するためのフォントをゼロから作成することは可能です。簡単に言うと、<font>要素を使って、フォントのグリフの原点とデフォルトの幅を指定します。<font>の中には<font-face>要素を含めます。この要素には、フォントの寸法をきわめて詳細に指定するための数多くの属性があります。表E-1は、特に役立つ属性をいくつかまとめたものです。すべての属性については、SVGの仕様(http://www.w3.org/TR/SVG/fonts.html)で詳しく見ることができます。

SVGフォントの仕様は、デザイナーが、利用しやすいロゴやグラフィックスを作成できることを目的としています。検索エンジンやスクリーンリーダー(画面読み上げプログラム)はそれらのテキストを一連の文字として理解しますが、それらのデザインは全面的にカスタマイズが可能で、しかもどのシステムでも同じように表示されます。これを書いている時点では、このような理想はまだ実現されていません。いくつかの主要なブラウザーでSVGフォントが実装されていないからです。カスタムSVGフォントを作成する場合、それらのブラウザーでも使えるように、他のフォントフォーマットに変換するWebサービスもあります。

表E-1 font-face要素の属性

属性値
font-stylenormal(標準)、italic(イタリック体)、oblique(斜体)
font-variantnormal(標準)、small-caps(スモールキャップ)
font-weight ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

AirBnbBlueOriginElectronic ArtsHomeDepotNasdaqRakutenTata Consultancy Services

QuotationMarkO’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.
Julian F.
Head of Cybersecurity
QuotationMarkI wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.
Addison B.
Field Engineer
QuotationMarkI’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.
Amir M.
Data Platform Tech Lead
QuotationMarkI'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Mark W.
Embedded Software Engineer

You might also like

詳解 システム・パフォーマンス 第2版

詳解 システム・パフォーマンス 第2版

Brendan Gregg, 西脇 靖紘, 長尾 高弘
仕事ではじめる機械学習 第2版

仕事ではじめる機械学習 第2版

有賀 康顕, 中山 心太, 西林 孝

Publisher Resources

ISBN: 9784873117973Other