• A-Fu Design
  • 前端設計
    • jQuery 套件
    • HTML 5
  • 關於A-Fu
  • 隱私權政策
  • 聯絡A-Fu
Google+ facebook twitter

A-Fu Design

A-Fu Design

文字中多出了一個空白

有使用微軟正黑體的朋友,有時候應該會遇到一個神奇的問題,就是內文中多出了一個空格,而在HTML 內並無此字元。去查維基百科就會知道這是 Mxx 的 Bug 而且老大哥並不打算釋出修正。以下是使用CSS 的解法


@font-face {
    font-family: Microsoft JhengHei;
    unicode-range: U+7db0, U+78A7, U+7B75; /* ASCII (碧筵綰) */
    font-style: normal;
    font-weight: normal;
    src: local(Microsoft JhengHei);
}



CSS 的 font-family 中英文 Unicode 對照表
中文名
英文名
Unicode
Mac OS
華文細黑
STHeiti Light [STXihei]
\534E\6587\7EC6\9ED1
華文黑體
STHeiti
\534E\6587\9ED1\4F53
華文楷體
STKaiti
\534E\6587\6977\4F53
華文宋體
STSong
\534E\6587\5B8B\4F53
華文仿宋
STFangsong
\534E\6587\4EFF\5B8B
麗黑 Pro
LiHei Pro Medium
\4E3D\9ED1 Pro
麗宋 Pro
LiSong Pro Light
\4E3D\5B8B Pro
標楷體
BiauKai
\6807\6977\4F53
蘋果麗中黑
Apple LiGothic Medium
\82F9\679C\4E3D\4E2D\9ED1
蘋果麗細宋
Apple LiSung Light
\82F9\679C\4E3D\7EC6\5B8B
Windows
新細明體
PMingLiU
\65B0\7EC6\660E\4F53
細明體
MingLiU
\7EC6\660E\4F53
標楷體
DFKai-SB
\6807\6977\4F53
黑體
SimHei
\9ED1\4F53
宋體
SimSun
\5B8B\4F53
新宋體
NSimSun
\65B0\5B8B\4F53
仿宋
FangSong
\4EFF\5B8B
楷體
KaiTi
\6977\4F53
仿宋_GB2312
FangSong_GB2312
\4EFF\5B8B_GB2312
楷體_GB2312
KaiTi_GB2312
\6977\4F53_GB2312
微軟正黑體
Microsoft JhengHei
\5FAE\x8F6F\6B63\9ED1\4F53
微軟雅黑
Microsoft YaHei
\5FAE\8F6F\96C5\9ED1
Office
隸書
LiSu
\96B6\4E66
幼圓
YouYuan
\5E7C\5706
華文細黑
STXihei
\534E\6587\7EC6\9ED1
華文楷體
STKaiti
\534E\6587\6977\4F53
華文宋體
STSong
\534E\6587\5B8B\4F53
華文中宋
STZhongsong
\534E\6587\4E2D\5B8B
華文仿宋
STFangsong
\534E\6587\4EFF\5B8B
方正舒體
FZShuTi
\65B9\6B63\8212\4F53
方正姚體
FZYaoti
\65B9\6B63\59DA\4F53
華文彩雲
STCaiyun
\534E\6587\5F69\4E91
華文琥珀
STHupo
\534E\6587\7425\73C0
華文隸書
STLiti
\534E\6587\96B6\4E66
華文行楷
STXingkai
\534E\6587\884C\6977
華文新魏
STXinwei
\534E\6587\65B0\9B4F



Share
Tweet
Pin
Share
No 意見
「reactjs」的圖片搜尋結果
reactjs
由Facebook創建的React已經成為一個非常強大的JavaScript框架,使得程序員的前端開發工作更容易。

MATERIAL UI

「MATERIAL UI」的圖片搜尋結果

Google’s material design 手機的UI 設計

GIT 網址  : https://github.com/mui-org/material-ui
設計官網 : http://www.material-ui.com/

ANT-DESIGN

「ANT-DESIGN」的圖片搜尋結果
中國開發的UI設計庫

GIT 網址  : https://github.com/ant-design/ant-design
設計官網 : https://ant.design/

STORYBOOK

相關圖片
借助Meteor和Firebase等框架,後端開髮變得更加容易。 React Storybook是為前端開發人員創建相同效果的庫。

GIT 網址  : https://github.com/storybooks/storybook
設計官網 : https://storybook.js.org/

GATSBY

「GATSBY reactjs」的圖片搜尋結果

Gatsby是一個建立在React JS框架上的快速靜態站點生成器。 通過使用Gatsby,您可以將純文本轉換為精美的網站,而無需在代碼上花費大量時間。

GIT 網址  : https://github.com/gatsbyjs/gatsby
設計官網 : https://www.gatsbyjs.org/


ENZYME

Enzyme是一個基於React構建的輕量級測試庫,可以作為React的JavaScript測試工具。

GIT 網址  : https://github.com/airbnb/enzyme
設計官網 : http://airbnb.io/enzyme/



BLUEPRINT

「BLUEPRINT reactjs」的圖片搜尋結果

主要是為桌面應用程序構建的。 它是非常靈活的,因為它可以與其他JavaScript框架一起使用,例如AngularJS,VueJS等。 

GIT 網址  : https://github.com/palantir/blueprint
設計官網 : http://blueprintjs.com/


SPECTACLE


Spectacle是一個基於React的庫,用於為Web演示創建質量和動態幻燈片。 您可以使用React組件非常輕鬆地進行演示。

GIT 網址  : https://github.com/FormidableLabs/spectacle
設計官網 : http://formidable.com/open-source/spectacle/


ELEMENTAL UI



ELEMENTAL UI框架與 Material UI框架非常相似,但是更輕巧。

GIT 網址  : https://github.com/elementalui/elemental
設計官網 : http://elemental-ui.com/



GROMMET


Grommet是一個非常靈活的庫,它具有用於Dashboards,Login,Search,Meters等的大型組件,通過配置通過屬性增強了這種靈活性。

GIT 網址  : https://github.com/grommet/grommet
設計官網 : http://grommet.io/


MOZAIK


Mozaik是一個UI 資源庫,為web應用程序創建可愛的儀表板。

GIT 網址  : https://github.com/plouc/mozaik
設計官網 : http://mozaik.rocks/




Share
Tweet
Pin
Share
No 意見
Older Posts

About me

還在努力掙扎中的工程師

Follow Us

  • Google+
  • facebook
  • twitter

Categories

Accordion Animation AutoComplete CSS Calendar Canvas Carousel Charts Color DatePicker Effects Facebook API Forms Gallery HTML5 Menu Mootools Prototype React images jQuery javascripts lightbox 前端技術 統計圖表 網頁設計

Recent Posts

  • Security Eye 4.4.1 免費網路攝影機監視系統,多路監視器解決方案
  • PotPlayer 1.7.16291 繁體中文免安裝,新增串流媒體播放的 MP4 格式
  • jQuery Gantt Chart 在網頁上繪製甘特圖的 jQuery 套件
  • 微軟推出 Font Maker 製作自己專屬 「手寫字型」
  • Kalendae 一個不依賴任何框架的日期選擇器

Sponsor


勸敗攻略

Facebook

Blog Archive

  • 5月 2026 (8)
  • 4月 2026 (58)
  • 3月 2026 (62)
  • 2月 2026 (55)
  • 1月 2026 (62)
  • 12月 2025 (62)
  • 11月 2025 (58)
  • 10月 2025 (62)
  • 9月 2025 (60)
  • 8月 2025 (62)
  • 7月 2025 (62)
  • 6月 2025 (58)
  • 4月 2025 (48)
  • 3月 2025 (60)
  • 2月 2025 (51)
  • 1月 2025 (56)
  • 12月 2024 (61)
  • 11月 2024 (60)
  • 10月 2024 (54)
  • 9月 2024 (55)
  • 8月 2024 (42)
  • 7月 2024 (40)
  • 6月 2024 (19)
  • 9月 2023 (3)
  • 4月 2023 (2)
  • 2月 2023 (1)
  • 12月 2021 (1)
  • 1月 2019 (11)
  • 12月 2018 (31)
  • 11月 2018 (31)
  • 10月 2018 (31)
  • 9月 2018 (30)
  • 8月 2018 (31)
  • 7月 2018 (3)
  • 2月 2018 (1)
  • 4月 2015 (1)
  • 9月 2014 (1)
  • 2月 2014 (1)
  • 7月 2013 (1)
  • 2月 2013 (2)
  • 1月 2013 (1)
  • 12月 2012 (12)
  • 11月 2012 (81)
  • 10月 2012 (64)

Created with by ThemeXpose | Distributed by Blogger Templates