web/svg をテンプレートにして作成

開始行:
* SVG [#n0b3cebe] ** Material iconsを使う [#u2575887] とりあえずGoogleがApache Licenseで公開している[[Material ... 使い方は[[Material Icons Guide:http://google.github.io/ma... *** 準備 [#k72d62ec] Photoshop等で表示させる場合は、[[MaterialIcons-Regular.tt... [[デザイナーのためのGoogle Material iconsの使い方:https:/... *** 表示させる [#wc05ee68] 下記さえ書けば表示される。 #code_x{{ <link href="https://fonts.googleapis.com/icon?family=Mat... <i class="material-icons">&#xE24D;</i> }} CSSでbackgroundで表示させることもできるが、この方法だとco... #code_x{{ <em>Menubar</em> em{background:url(../image/common/document_9px.svg) no-r... }} フォントファイルを読み込んで、beforeでフォントを指定する... IE6-8向けにeotファイルを読み込む必要はもうないんじゃない... [[CSSのWebフォント指定に関する考察 2016年版:https://www.6... #code_x{{ @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://example.com/MaterialIcons-Regular.woff2]]... url(https://example.com/MaterialIcons-Regular.woff]] ... url(https://example.com/MaterialIcons-Regular.ttf]] f... } }} #code_x{{ <li class="elCart"> <a href="">ボタン名</a> </li> }} #code_x{{ .elCart > a::before { position: absolute; content: ""; font-family: "Material Icons"; speak: none; font-size: 32px; line-height: 1; width: 26.8576px; text-indent: -1.1424px; top: 50%; margin-top: -16px; left: 0; color: #333; }} *** SVGファイルを編集する [#g3ba9947] オンラインで編集できるエディタがいくつかありますが、基本... - https://vectr.com/ - https://boxy-svg.com/ ** 参考 [#of639e91] - https://qiita.com/yamamiweb/items/011d6b264a5af568783b #include(parts/feedback,notitle)

終了行:
* SVG [#n0b3cebe] ** Material iconsを使う [#u2575887] とりあえずGoogleがApache Licenseで公開している[[Material ... 使い方は[[Material Icons Guide:http://google.github.io/ma... *** 準備 [#k72d62ec] Photoshop等で表示させる場合は、[[MaterialIcons-Regular.tt... [[デザイナーのためのGoogle Material iconsの使い方:https:/... *** 表示させる [#wc05ee68] 下記さえ書けば表示される。 #code_x{{ <link href="https://fonts.googleapis.com/icon?family=Mat... <i class="material-icons">&#xE24D;</i> }} CSSでbackgroundで表示させることもできるが、この方法だとco... #code_x{{ <em>Menubar</em> em{background:url(../image/common/document_9px.svg) no-r... }} フォントファイルを読み込んで、beforeでフォントを指定する... IE6-8向けにeotファイルを読み込む必要はもうないんじゃない... [[CSSのWebフォント指定に関する考察 2016年版:https://www.6... #code_x{{ @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://example.com/MaterialIcons-Regular.woff2]]... url(https://example.com/MaterialIcons-Regular.woff]] ... url(https://example.com/MaterialIcons-Regular.ttf]] f... } }} #code_x{{ <li class="elCart"> <a href="">ボタン名</a> </li> }} #code_x{{ .elCart > a::before { position: absolute; content: ""; font-family: "Material Icons"; speak: none; font-size: 32px; line-height: 1; width: 26.8576px; text-indent: -1.1424px; top: 50%; margin-top: -16px; left: 0; color: #333; }} *** SVGファイルを編集する [#g3ba9947] オンラインで編集できるエディタがいくつかありますが、基本... - https://vectr.com/ - https://boxy-svg.com/ ** 参考 [#of639e91] - https://qiita.com/yamamiweb/items/011d6b264a5af568783b #include(parts/feedback,notitle)

ページ名: