htmlで特殊文字を複製するには？

Question

私は矢のように見える弾丸を持つ必要があります。それらはMS Wordで提供されています

これらをHTMLでどのように複製できますか？

私はhtmlとしてWord文書を保存しますが、そこにあるHTMLはかなり複雑です。それらの特殊文字をHTMLページに何らかの形で簡単に入れることは可能ですか？

Answer 1

ジャスト（PNGは透明BGのために好ましい）PNG/JPGイメージに特殊文字を再作成し、list-style-imageを使用して画像を箇条書きを置き換えますこのような：

HTML：

<ul class=”abcd”> 
    <li>Some text here</li> 
    <li>Some more text here</li> 
    <li>Some more random text here</li> 
</ul> 

CSS：

ul.abcd { 
    list-style-image: url(‘/path-to-the-image-file/arrow.png’); 
} 

---

また、画像のサイズを調整することもできます。

Answer 2

enter link description here使用UnicodeのシンボルのUdddd '：

[UnicodeArrowSymbols][1] 

Answer 3

私は、私が与えるつもりのような答えを読むのが嫌いですが、私の質問はなぜそれらの特定のマイクロソフト単語の箇条書きポイントが欲しいですか？

しかし、もっと汎用的で、矢印だけが必要な場合は、既にスタックオーバーフローに関する多くの回答があります。ここで

は同様の答えへのリンクです：How do I create a Unordered list in html with sub arrows?

ここでは、このためのいくつかのコードです：

HTML：

<ul class="arrow-list"> 
    <li>San Jaun</li> 
</ul> 

はCSS：

ul.arrow-list { list-style:none; } 
ul.arrow-list li:before { 
    content: "\2192 \0020"; 
} 

最後に

、代わりに\ 1234形式を上記のCSSで見れば、あなたは単にそれをこれらのHTMLコードはこのページで矢印が見つかりました。 http://character-code.com/arrows-html-codes.php

Answer 4

Wordには、標準の箇条書きの一覧が組み込まれており、使用するフォントを完全に示しています。これは、Wingdingsの3つのトップライト付き右手にあります。 にはのフォントを指定し、正しい文字コードU+F0D8を挿入しますが、正しい文字が表示されている場合は、Webページビューアのシステムによって異なります。フォントWingdingsが視聴者のシステムにない場合は、Øのようなものが表示されます（間違いなく）！

トリックはではなく、は正しいフォントを指定し、正しいUnicode文字を使用します。この矢印は、UnicodeのList of Dingbat charactersでU+27A2です。

フォントを指定せずにUnicode文字を使用すると、ほとんどのWebブラウザで文字が含まれるフォントが自動的にスキャンされます。

ul { list-style: none; } 
li:before { content: "\27A2"; } 

をし、今後、あなたのリストのすべてが自動的にあなたがしたいの矢印があります：あなたのCSSで

、あなたはこれを使用することができます。

インデントを調整する方法の詳細については、Custom bullet symbol for <li> elements in <ul> that is a regular character, and not an imageを参照してください。