CSS中的五大字體家族(cursive 手寫字體族更吸引我)

来源:http://www.cnblogs.com/woloveprogram/archive/2016/03/09/5260120.html
-Advertisement-
Play Games

這是CSS中的五大字體家族。serifserif 中文翻譯為“襯線字體族”。serif 具有末端加粗、擴張或尖細末端,或以實際的襯線結尾的一類字體。可以看出 serif 總是在文字末端做文章,這樣做的目的是增強可讀性,也就是說在字型大小比較小的時候,serif 一族的字體仍然是比較好辨認的。serif


這是CSS中的五大字體家族。

serif
serif 中文翻譯為“襯線字體族”。
serif 具有末端加粗、擴張或尖細末端,或以實際的襯線結尾的一類字體。
可以看出 serif 總是在文字末端做文章,這樣做的目的是增強可讀性,也就是說在字型大小比較小的時候,serif 一族的字體仍然是比較好辨認的。
serif 典型的字體有:Times New Roman、MS Georgia、宋體……
serif 還可衍生出兩種字體族:petit-serif(小襯線字體族(末端變化不明顯))、slab-serif(雕版襯線字體族(末端變化非常明顯))。由於顯示器顯示的字都不大,所以一般將小襯線字體族看作無襯線字體族,比如其中的黑體。

sans-serif
sans-serif 中文翻譯為“無襯線字體族”。sans- 首碼是法語,發音為 /san/,意為“無”。
sans-serif 字體比較圓滑,線條粗線均勻,適合做藝術字、標題等,與“襯線字體”相比,如果字型大小比較小,看起來就會有些吃力。
sans-serif 典型的字體有:MS Trebuchet、MS Arial、MS Verdana、幼圓、隸書、楷體……

cursive
cursive 中文翻譯為“手寫字體族”。
顧名思義,這類字體的字就像手寫的一樣。
cursive 典型的字體有:Caflisch Script、Adobe Poetica、迷你簡黃草、華文行草……

fantasy
fantasy 中文翻譯為“夢幻字體族”。
fantasy 主要用在圖片中,字體看起來很藝術,實際網頁上用得不多。
fantasy 典型的字體有:WingDings、WingDings 2、WingDings 3、Symbol……

monospace
monospace 中文翻譯為“等寬字體族”。
我們知道英文中各字母是不等寬的,但用 monospace,各個字母就是等寬的了,就可以像中文一樣排版了。
monospace 典型的字體有:Courier、MS Courier New、Prestige……

總結
總的來說字體分為兩個大類:serif、sans-serif,這兩個大類下又可以分:cursive、fantasy、monospace

您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 7個你可能不認識的CSS單位 眾所周知CSS技術我們雖然很熟悉,在使用的過程卻很容易被困住,這讓我們在新問題出現的時候變得很不利。隨著web繼續不斷地發展,對於新技術新解決方案的要求也會不斷增長。因此,作為網頁設計師和前端開發人員,我們別無選擇,必須熟悉我們手上的工具,做到知己知彼,這樣才能百戰不殆
  • Node.js //傳入請求HttpRequest function getClientIp(req) { return req.headers['x-forwarded-for'] || req.connection.remoteAddress || req.socket.remoteAddres
  • 1、什麼是CSS hack? CSS hack是通過在CSS樣式中加入一些特殊的符號,讓不同的瀏覽器識別不同的符號(什麼樣的瀏覽器識別什麼樣的符號是有標準的,CSS hack就是讓你記住這個標準),以達到應用不同的CSS樣式的目的,比如.kwstu{width:300px;_width:200px;
  • 有一天,我想帶全家一起去旅游。我拿起手機,按了幾個鍵,說“查一下麗江的旅游路線”。頓時一幅巨大的圖畫,出現在面前的面前原來看上去平淡無奇的白牆上。我用手指點麗江地圖的一個個景點,秀麗山水的照片和視頻也隨之顯示在旁邊,就好像我們已經身臨其境一般。參考著Twitter的點評,我選擇了一條路線,以及住宿的
  • 一般來說我在需要寫一個遍歷的時候就先寫一個html測試頁面,用相同的結構來測試代碼。如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery遍歷測試</t
  • 獲取類: 1)動態方法: charAt : 獲取字元串指定位置上的字元。(參數:一個,指定要獲取的字元位置) 1,不接受負數,如果為負數,會返回一個空字元串。 2,如果不給參數,預設是獲取第0位置上的字元。 3,只接收一個參數。 charCodeAt : 獲取字元串中指定位置上字元的Unicode編
  • 當人們剛接觸佈局的時候都比較傾向於使用定位的方式。因為定位的概念看起來好像比較容易掌握。錶面上你確切地指定了一個塊元素所處的位置那麼它就會坐落於那裡。可是定位比你剛看到的時候要稍微複雜一點。對於定位來說,有一些東西會絆倒新手,所以在它成為你的慣用技巧前你需要掌握它們。 一旦你更深入地瞭解了它是怎麼運
  • 1、指導思想: http://oocss.org/ 2、reset.css http://meyerweb.com/eric/tools/css/reset/ 3、normalize.css https://necolas.github.io/normalize.css/ 4、neat.css ht
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...