mozilla

Revision 126940 of Andrew Robbins

  • Revision slug: User:andydude
  • Revision title: Andrew Robbins
  • Revision id: 126940
  • Created:
  • Creator: andydude
  • Is current revision? Yes
  • Comment Added example CSS; 158 words added; page display name changed to 'Andrew Robbins'

Revision Content

{{ widget_search_bugzilla() }}
Hi, my name is Andrew Robbins. I am a mathematician and software developer.

More to follow.

SVG Fonts

Below are example tests for SVG fonts. They currently work in Opera 9.5, but not in any other browser that I've tried (as of Dec'09).

Although these two SVG fonts are also standalone images (which means they provide their own examples), they also can be referenced from other webpages. Below are some examples of how to do this.

SVG Gentium

To use this font in another page, in CSS write:

  @font-face {
    font-family: "GentiumRename";
    font-style: italic;
    src: url(Gentium.svg#GentiumRenameItalic) format("svg");
  }

  @font-face {
    font-family: "GentiumRename";
    font-style: normal;
    src: url(Gentium.svg#GentiumRename) format("svg");
  }

SVG Zapfino

To use this font in another page, in CSS write:

  @font-face {
    font-family: "ZapfinoRename";
    src: url(Zapfino.svg#ZapfinoRename) format("svg");
  }

Revision Source

<p><span class="lang lang-*">
</span></p><div style="margin: 5px; width: 280px; float: right;">{{ widget_search_bugzilla() }}</div>
Hi, my name is Andrew Robbins. I am a mathematician and software developer.<p></p>
<p><span class="lang lang-*">More to follow.</span></p>
<h2 id="SVG_Fonts">SVG Fonts</h2>
<p>
Below are example tests for SVG fonts. They currently work in Opera 9.5, but not in any other browser that I've tried (as of Dec'09).
</p>
<p>
Although these two SVG fonts are also standalone images (which means they provide their own examples), they also can be referenced from other webpages. Below are some examples of how to do this.
</p>
<h3 id="SVG_Gentium">SVG Gentium</h3>
<p>To use this font in another page, in CSS write:</p>
<pre>  @font-face {
    font-family: "GentiumRename";
    font-style: italic;
    src: url(Gentium.svg#GentiumRenameItalic) format("svg");
  }

  @font-face {
    font-family: "GentiumRename";
    font-style: normal;
    src: url(Gentium.svg#GentiumRename) format("svg");
  }
</pre>
<h3 id="SVG_Zapfino">SVG Zapfino</h3>
<p>To use this font in another page, in CSS write:</p>
<pre>  @font-face {
    font-family: "ZapfinoRename";
    src: url(Zapfino.svg#ZapfinoRename) format("svg");
  }
</pre>
Revert to this revision