マテリアルアイコンを疑似要素で実装するとフォント置換前テキストが一時的に表示される問題が有る。解決するためにはアイコンを文字コードで指定する必要があるが公式では一覧にない、調べてくれた人に感謝。

フォント

laptice のブックマーク 2020/03/02 11:10

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/4671007936554397890/comment/laptice" data-user-id="laptice" data-entry-url="https://b.hatena.ne.jp/entry/s/nasust.com/blog/web/2019-07-02-material_icon_code_point_table/" data-original-href="https://nasust.com/blog/web/2019-07-02-material_icon_code_point_table/" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fnasust.com%2Fblog%2Fweb%2F2019-07-02-material_icon_code_point_table%2F" data-user-icon="/users/laptice/profile.png">https://nasust.com/blog/web/2019-07-02-material_icon_code_point_table/</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88">フォント</a>]</li></ul><br><p style="clear: left">マテリアルアイコンを疑似要素で実装するとフォント置換前テキストが一時的に表示される問題が有る。解決するためにはアイコンを文字コードで指定する必要があるが公式では一覧にない、調べてくれた人に感謝。</p><a class="datetime" href="https://b.hatena.ne.jp/laptice/20200302#bookmark-4671007936554397890"><span class="datetime-body">2020/03/02 11:10</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！

https://nasust.com/blog/web/2019-07-02-material_icon_code_point_table/

nasust.com2019/07/03

2 人がブックマーク・1 件のコメント

他のコメントを読む

＼コメントがサクサク読めるアプリです／

はてなブックマーク

https://nasust.com/blog/web/2019-07-02-material_icon_code_point_table/

はてなブックマーク

公式Twitter

はてなのサービス