document/mplussample.html

   1 <html>\r
   2  <head>\r
   3  <link rel="stylesheet" type="text/css" href="http://sie.sourceforge.jp/instyle.css"></link>\r
   4  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"></meta>\r
   5  <title>M+ フォントをWebページ上で表示（サンプル）</title>\r
   6  <script type="text/javascript" src="../branches/05x/sie.js" defer="defer"></script>\r
   7  </head>\r
   8  <body>\r
   9 <p><object data="sie-logo.svg" type="image/svg+xml" width="100%" height="90"></object></p>\r
  10 <h1>M+ フォントをWebページ上で表示（サンプル）</h1>\r
  11 <p>以下では、オープンソースのM+ フォント（ttf形式）を、FontForgeでsvg形式(mplus1cblack.svg)に変換、修正してから、SIEを使ってWebページに取り込んだものです。クロスブラウザです。</p>\r
  12 <p><object data="svgMplus.svg" width="700" height="500" type="image/svg+xml"></object></p>\r
  13 <h2>ソース</h2>\r
  14 <pre>&lt;svg\r
  15    xmlns="http://www.w3.org/2000/svg"\r
  16    xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 700 500" preserveAspectRatio="none"&gt;\r
  17 &lt;defs&gt;\r
  18   &lt;font-face font-family="MplusC"&gt;\r
  19     &lt;font-face-src&gt;\r
  20       &lt;font-face-uri xlink:href="../images/mplus1cblack.svg#mplus-1c-black" /&gt;\r
  21     &lt;/font-face-src&gt;\r
  22   &lt;/font-face&gt;\r
  23 &lt;/defs&gt;\r
  24   &lt;text x="20" y="30" font-size="36" font-family="MplusC"&gt;Web Fontの世界へようこそ&lt;/text&gt;\r
  25   &lt;text x="40" y="110" font-size="36" font-family="MplusC" writing-mode="tb-rl" fill="red"&gt;日本語の夜明け&lt;/text&gt;\r
  26 &lt;/svg&gt;\r
  27 </pre>\r
  28 <address><h2>このサンプルに関するご質問等がありましたら</h2>\r
  29 <p>開発者たちと連絡を取ることのできる公式メーリングリストをご利用ください。</p>\r
  30 <p>公式メーリングリスト「Sie-developers」あて先は<a href="mailto:sie-developers@lists.sourceforge.jp">sie-developers@lists.sourceforge.jp </a>。</p>\r
  31 <p>&copy; Copyright 2009 dhrname（Eメールで<a href="mailto:dhrname@users.sourceforge.jp">dhrname@users.sourceforge.jp</a>）コードの著作権の許諾に関しては、次の文章に書かれています。(英文<a href="http://dhr.at.infoseek.co.jp/LICENCE.txt">LICENCE.txt</a>）。このページの許諾に関しても、同様のライセンスが適用されるものとします。</p></address>\r
  32 <!--/*SIE-SVGtoVML LGPL2.1 & GPL1.1 & Mozilla Public Lisence*/\r
  33 /* ***** BEGIN LICENSE BLOCK *****\r
  34  * Version: MPL 1.1/GPL 2.0/LGPL 2.1\r
  35  *\r
  36  * The contents of this file are subject to the Mozilla Public License Version\r
  37  * 1.1 (the "License"); you may not use this file except in compliance with\r
  38  * the License. You may obtain a copy of the License at\r
  39  * http://www.mozilla.org/MPL/\r
  40  *\r
  41  * Software distributed under the License is distributed on an "AS IS" basis,\r
  42  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License\r
  43  * for the specific language governing rights and limitations under the\r
  44  * License.\r
  45  *\r
  46  * Contributor(s):DHRNAME\r
  47  * ***** END LICENSE BLOCK ***** */-->\r
  48 </body>\r
  49 </html>\r