Title: Icon Fonts Author: sydcode Published: 2015 年 6 月 13 日 Last modified: 2015 年 6 月 13 日 --- 搜尋外掛 ![](https://ps.w.org/icon-fonts/assets/banner-772x250.png?rev=1179990) 這個外掛**並未在最新的 3 個 WordPress 主要版本上進行測試**。開發者可能不再對這個 外掛進行維護或提供技術支援，並可能會與更新版本的 WordPress 產生使用上的相容性問題。 ![](https://s.w.org/plugins/geopattern-icon/icon-fonts_d9eafc.svg) # Icon Fonts 由 [sydcode](https://profiles.wordpress.org/sydcode/) 開發 [下載](https://downloads.wordpress.org/plugin/icon-fonts.1.0.0.zip) * [詳細資料](https://tw.wordpress.org/plugins/icon-fonts/#description) * [使用者評論](https://tw.wordpress.org/plugins/icon-fonts/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/icon-fonts/#installation) * [開發資訊](https://tw.wordpress.org/plugins/icon-fonts/#developers) [技術支援](https://wordpress.org/support/plugin/icon-fonts/) ## 外掛說明 This plugin adds support for 18 free icon fonts (over 6000 icons). [Dashicons](https://developer.wordpress.org/resource/dashicons/) (218 icons) [Elegant](http://www.elegantthemes.com/blog/resources/elegant-icon-font)( 360 icons) [Elusive](http://elusiveicons.com/) (304 icons) [Entypo](https://github.com/danielbruce/entypo)( 284 icons) [Font Awesome](http://fortawesome.github.io/Font-Awesome/) (519 icons) [Foundation](http://zurb.com/playground/foundation-icon-fonts-3) (284 icons) [Genericons](http://genericons.com/)( 147 icons) [IcoMoon Free](https://icomoon.io/icons-icomoon.html) (491 icons) [Ionicons](http://ionicons.com/)( 734 icnons) [Map Icons](http://map-icons.com/) (176 icons) [Material Design](http://materialdesignicons.com/)( 1062 icons) [MFG Labs](http://mfglabs.github.io/mfglabs-iconset/) (186 icons) [Octicons](https://octicons.github.com/)( 179 icons) [Open Iconic](https://useiconic.com/open/) (229 icons) [OpenWeb](http://pfefferle.github.io/openwebicons/)( 118 icons) [Sosa](http://tenbytwenty.com/?xxxx_posts=sosa) (122 icons) [Themify](http://themify.me/themify-icons)( 352 icons) [Typicons](http://typicons.com/) (336 icons) Each font is freely distributed under an open source licence. Contact the author of a font if you have questions about using it. Credits: [Jaime Caballero](http://jaicab.com/Sosa-Icon-Font-CSS/) for his Sosa stylesheet. [pnull](https://gist.github.com/pnull/4510484) for his Entypo stylesheet. ## 螢幕擷圖 * [[ * Settings Panel * [[ * Editor Dialog ## 安裝方式 1. Upload the “icon-fonts” directory to the “/wp-content/plugins/” directory. 2. Activate the plugin via the “Plugins” menu on the WordPress dashboard. 3. Activate the required icon fonts in the settings panel. 4. Use the star button in the visual editor to insert icons. ## 常見問題集 1. Are these fonts really free to use? Yes. Some have different licenses but all are open source and free to use. 2. Why is there a soft hyphen inside each icon element? An element needs content to avoid being removed by the editor. A soft hyphen is used because a non-breaking space causes alignment issues, and a comment seems to make the editor crash. 3. Why are icons not showing? Unfortunately, some fonts use the same class name which causes problems. Starting at the top of the list, deactivate fonts until the missing icons appear. 4. Have you changed the fonts in any way? No. The original fonts and stylesheets have not been changed. Non-essential files from the downloads have been removed, licenses were added when missing, and some minimized stylesheets were created with [Refresh SF](http://refresh-sf.com/). 5. Will more fonts be added later? Certainly! Please post a request in the forum if you want a particular font. 6. Which fonts have a stylesheet for the Bootstrap framework? Openweb and Open Iconic. 7. Which fonts have a stylesheet for the Foundation framework? Open Iconic. 8. Are icons hidden from assistive technology? Yes. Each icon has an `aria-hidden="true"` and `role="presentation"` attribute. 9. Does the plugin change the editor? Yes. The plugin adds a star button to the toolbar, and it allows elements to use the above attributes. 10. Will icons still appear without the plugin? No. The plugin must be active to load the font stylesheets, and it stops the editor from removing the above attributes when a post is edited. 11. Can icons be added to widgets or menus? No. An update will add icon buttons for widgets and menus. ## 使用者評論 ![](https://secure.gravatar.com/avatar/f5a28c4f529271bb2f17a53309a4a80f0d90815525a7da110a8ee905577e97b8? s=60&d=retro&r=g) ### 󠀁[Excellent plugin – easy to use](https://wordpress.org/support/topic/excellent-plugin-easy-to-use-4/)󠁿 [davelopment](https://profiles.wordpress.org/davelopment/) 2016 年 9 月 3 日 Easy to implement and add icons to content. It was also well built and easy to include other icon fonts that I needed to use for a client. My only query is how often the icon sets get updated – I manually updated the Font Awesome files to include the latest version of their icons. [ 閱讀全部 2 則使用者評論 ](https://wordpress.org/support/plugin/icon-fonts/reviews/) ## 參與者及開發者 以下人員參與了開源軟體〈Icon Fonts〉的開發相關工作。 參與者 * [ sydcode ](https://profiles.wordpress.org/sydcode/) [將〈Icon Fonts〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/icon-fonts) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/icon-fonts/)、 查看 [SVN 存放庫](https://plugins.svn.wordpress.org/icon-fonts/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/icon-fonts/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/icon-fonts/)。 ## 變更記錄 #### 1.0.0 * First release ## 中繼資料 * 版本 **1.0.0** * 最後更新 **11 年前** * 啟用安裝數 **300+** * WordPress 版本需求 ** 3.3.0 或更新版本 ** * 已測試相容的 WordPress 版本 **4.2.39** * 語言 * [English (US)](https://wordpress.org/plugins/icon-fonts/) * 標籤: * [Dashicons](https://tw.wordpress.org/plugins/tags/dashicons/)[font](https://tw.wordpress.org/plugins/tags/font/) [Font Awesome](https://tw.wordpress.org/plugins/tags/font-awesome/)[foundation](https://tw.wordpress.org/plugins/tags/foundation/) [genericons](https://tw.wordpress.org/plugins/tags/genericons/) * [進階檢視](https://tw.wordpress.org/plugins/icon-fonts/advanced/) ## 評分 5 星，滿分為 5 星 * [ 2 個 5 星使用者評論 ](https://wordpress.org/support/plugin/icon-fonts/reviews/?filter=5) * [ 0 個 4 星使用者評論 ](https://wordpress.org/support/plugin/icon-fonts/reviews/?filter=4) * [ 0 個 3 星使用者評論 ](https://wordpress.org/support/plugin/icon-fonts/reviews/?filter=3) * [ 0 個 2 星使用者評論 ](https://wordpress.org/support/plugin/icon-fonts/reviews/?filter=2) * [ 0 個 1 星使用者評論 ](https://wordpress.org/support/plugin/icon-fonts/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/icon-fonts/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/icon-fonts/reviews/) ## 參與者 * [ sydcode ](https://profiles.wordpress.org/sydcode/) ## 技術支援 使用者可在技術支援論壇提出意見反應或使用問題。 [檢視技術支援論壇](https://wordpress.org/support/plugin/icon-fonts/) ## 贊助 想要支援這個外掛的發展嗎？ [ 贊助這個外掛 ](https://tw.wordpress.org/plugins/icon-fonts/?output_format=md)