【微信公眾號排版】一句代碼,輕鬆用HTML改字體

2021-02-11 地表最強運營

活動

數據

排版

文案

營銷

本文大概1500字   閱讀共需4分鐘

大部分的微信公眾號推文目前都在使用默認的系統字體，但是作為高標準高追求的我們，如何才能利用字體，讓自己的推文的字體能更貼近公眾號的定位，更迎合目標讀者的喜好呢？現在介紹一招，修改推文字體的方法。

微信公眾號所推送的推文默認字體是由誰提供的？不是微信APP哦，是由我們在閱讀文章時使用的終端的系統環境決定的。本篇推文就對通用的Android和iOS系統字體來展開。有沒有發現，本段文字的字體有一點點特別呢？先不多說，直接上對比。（iOS 用戶顯著）

  微 款 感 篇 Android

  微 款 感 篇 Android

（信息來源公眾號「JZsolv」）

微信圖文的本質是HTML5，所以對於微信公眾號推文所顯示的字體由以下兩個部分決定， 1）HTML 代碼中字體的顯示規則 2）終端系統支持的字體規則 當推文的代碼中不對字體做任何申明時，顯示的字體為各系統默認字體，具體如下：

Android

英文：DroidSans-Bold

東亞文：DroidSansFallback

最新版的 Android 

中文：思源黑體

英文：Rotobo

英文：Myriad Pro

中文：華文細黑

 iOS 9 以上版本

中文：蘋方體

英文：San Francisco

Android 在申明微信圖文字體後，字體發生調整的概率最小。1） Android 系統為開源的，系統千差萬別，適配性不同。2)Android 系統用戶常使用自定義的字體。

iOS 在申明微信圖文字體後，字體幾乎一定可以發生改變。對比Android系統可以了解，iOS系統非開源，所以雖然不同手機版本，但系統情況是相對統一的。

首先選擇一款有 HTML5 編輯功能的圖文編輯器，比如 i排版，編輯器的選擇可以參考 1分鐘搞定高Bigger，大號超愛的編輯工具！

輸入一段文字，點擊HTML5進入代碼編輯頁面，

文字會被放在一組<p> </p>的代碼中，<p> 可以用來定義文字的各種參數，關於字體可以進行如下設定

<p style="font-family: Optima-Regular, PingFangTC-light">輸入一段文字</p>

如前文中的舉例代碼如下，當然顏色等參數是後用編輯器更改的，為了簡單明了，只放了字體的代碼。

這段代碼的意思是，在文本被顯示時，先查詢系統是否支持使用Optima的Regular字體，查詢後，英文會使用該字體顯示，中文無法使用該字體，則順序查詢下一種字體，即PingFangTC的light字體，查詢後中文使用PingFangTC的light字體顯示。

由此可以看出，字體的顯示是由代碼中Style定義部分的排序申明決定的，如申明中所有字體都無法顯示，則顯示系統默認字體。

其他字體：

根據i排版提供的字體，還可以使用以下代碼進行修改。點擊連結可看原文：「i排版字體修改」

❶ Zapfino字體

代碼：<p style="font-family: Zapfino">

❷ Cochin-BoldItalic字體 

代碼：<p style="font-family: Cochin-BoldItalic">

❸ MarkerFelt-Thin字體

代碼：<p style=" font-family: MarkerFelt-Thin">

❹ Futura-Medium字體 

代碼：<p style="font-family: Futura-Medium">

❺ CourierNewPS-ItalicMT字體 代碼：<p style="font-family: CourierNewPS-ItalicMT">

排版的問題，不是修改字體就能解決的，要想展示微信公眾號自己的獨特個性，讓它能表達品牌的風格，還有很多方面，包括配色、縮進、字號、縮進、行間距、字間距、配圖等，還需要編輯者勤加修煉哦！

關注我們，一起學習進步吧！

識別下方二維碼！▼▼▼

相關焦點

  • 3分鐘，學會替換頭部公眾號常用排版字體！
    大部分的微信公眾號，排版時都在使用系統默認字體。但是作為高標準高追求的我們，當然是要使用自定義字體來襯託公眾號的調性，讓文章內容更加生動美觀、內容突出，給讀者留下深刻的印象啦~先給大家推薦幾個頭部公眾號常用字體：細體-PingFangSC-Light
  • 微信公眾號排版實戰教程03
    微信公眾號排版實戰教程第三篇來了，希望能幫到各位熱愛公眾號文章編輯的微信君，請大家多多支持！！！一個沒有態度的微信君在編輯文本段落時，可能是直接複製的文本，也有可能是鍵盤直接敲打出來的文本。如果你能在段首敲打2個空格（輸入法全形狀態），你可以實現首行縮進。
  • 教你改微信圖文的字體
    今天沒有原創， 我從「i 排版」（ 微信號：ipaiban）這個公眾號轉一篇改字體的教程過來。
  • 微信公眾號排版編輯器全指南!
    好的文章除了內容好之外，排版也是非常重要的，好的排版能夠提高讀者的閱讀體驗，讓讀者在閱讀你的文章的時候能將注意力放在內容上，享受閱讀。所以，優秀的公眾號運營者即要懂得做內容，也要懂得編輯，以下三個排版編輯器你一定要知道。壹伴是一個插件，直接搜索就可以下載安裝，安裝好壹伴之後就可以在公眾號後臺直接進行排版。
  • 微信公眾號排版完全指南
    鑑於公眾號排版是每一位新媒體編輯必修的技能，而且對外展示的是自身品牌的形象，所以公眾號排版好不好看，真的非常重要！ 不少後臺的朋友也在催促我寫一篇公眾號排版的文章，那我今天就從排版的角度，來給大家一些指點和建議。 文章封面是除了標題之外，讀者在點開文章前首先看到的信息，封面圖做的吸引力越強，那麼讀者打開的欲望也會相應增加。
  • 微信公眾號排版規範及工具推薦
    其實一切美得事物人們都喜歡，而精美的公眾號排版，不僅從閱讀上提升可讀性，而且美觀度能讓人賞心悅目。 　　那首先就來說說微信公眾號的基本排版設置。 　　一、基本排版設置 　　1、字體與行距段落 　　大部分公眾號運營初級者，都是採用公眾平臺默認版式操作，比如夏至的排版最初是16號字體，單倍行距，聽起來跟word編輯器差不多，這是系統默認值。
  • 新媒體小編福音:微信公眾號排版完全指南(全)
    ，而且對外展示的是自身品牌的形象，所以公眾號排版好不好看，真的非常重要！在Word文檔排版的時候，我們都習慣使用1.5倍的段落行距。那麼放在微信公眾號排版上，也同樣適用的，本文使用的也是1.5倍，大家可以視自己的喜好來調整。
  • 公眾號文章排版,哪些微信編輯器最好用
    新媒體在近兩年來發展迅速，不管是專業的，還是非專業的，是工作需要，還是興趣使然，都把注意力放在了微信公眾號上，通過運營吸引更多受眾。在運營微信公眾號的過程中，微信編輯器是必不可少的，市面上的微信編輯器有很多，好用的微信編輯器能夠省時省力，事半功倍，下面就一起來看公眾號文章排版，哪些微信編輯器最好用吧。
  • 微信公眾號圖文排版的8大技巧
    分享微信公眾號圖文排版的8個小技巧，快來收藏吧！1、設置合適的字號和字體；正文字號建議使用14px、15px，大號的字體視覺上會顯得不夠精緻，字間距可設置為1px或1.5px，最大不要超過2px，適當的字間距會使文章排版有呼吸感；2、設置合適的行間距
  • 校園公眾號推文素材,如何讓公眾號文章排版更漂亮?
    有很多的彈幕樣式，有很多的彈幕樣式，可以同時編輯多個文章喔，應該是在輸入字體選顏色那,可能被過濾掉了，有各種排版工具呢，長按文字部分，校園公眾號推文素材, 到底應該如何實現微信編輯器模式使用體驗不錯。刷新一下試試例如, 你換個手機試一試看看是不是你手機問題。很好的答案。可以校園公眾號推文素材，就是這樣微信編輯器如何換字體顏色，希望能夠幫助到你。
  • 微信公眾號排版指南
    字體顏色 　　文章排版整體的顏色儘量不要超過三種，當然你也可以大膽打破這種局限，前提是你要清楚知道何時這麼做。任何時候不要使用斜體，這在數字屏幕上很不美觀，會失去界面原有的結構美感。
  • 保姆級教程,一小時帶你入門微信公眾號
    否則就會顯得有些擁擠，每四行另起一段，是比較舒服的一種排版，且每個小節 n 個段取一個標題名。3.3字體，公眾號的第一張臉剛蟈的公眾號定位是科技教育類自媒體，就選擇了思源體，算是個萬金油字體了，同樣推薦大家。
  • 微信公眾號的排版技巧的9個小技巧
    之前一直有朋友諮詢如何去排版微信公眾號內容，今天就有了這篇文章，9個微信公眾號排版小技巧讓你微信公眾號舒服有個性。微信公眾號內容維護更新是輸出個人或企業品牌及靈魂的重要方式，微信公眾號每日內容群發信息只要遵循下面9個小技巧，那麼，做好微信公眾號運營不是難事。
  • 微信公眾號文章排版須知
    一、文字排版字號：正文建議使用14—16號字，一般是14號字，這樣在手機上顯示出來效果很好，當然根據文章類型15、16號都是可以使用的。標題建議使用16—22號字體，，這個都可以根據文章需要在上面的區間進行調整。
  • 教程手把手教你微信公眾號文章排版
    特別對於一些寫字的原創作者來說，好不容易打磨好的文章，卻因為排版差強人意，使公眾號的專業度大減，十分可惜。 排版亦然。 我微信公眾號文章的排版學習主要是看大神，然後模仿——看TA的圖片安放，二維碼大小，LOGO出現的位置等等，最簡單粗暴的方法就是直接把TA的版式複製下來，貼到你發布的內容框裡，然後把你的文字內容塞進去即可，當然也要記得把圖片替換掉（位置不變），即可——我也不介意大家直接複製我的版面，資源共享。
  • 跟蘋果學習微信公眾號排版
    圖文交互是什麼所謂圖文交互，就是特指在微信公眾號這個特殊的平臺上，利用微信許可的一些技術，主要以 SVG 動畫和排版為主，結合 HTML 和 CSS 進行極具創意的圖文排版設計。蘋果公眾號的排版布局秘籍主要可以歸納為以下幾點：語義化布局默認編輯器打字後生成的代碼是下圖左邊這樣，多以 <p> 標籤和 <section> 標籤為主，畢竟公眾號最初的目的就是寫文章，用 <p> 標籤是理所應當的。
  • 微信公眾號如何排版設置?
    & 在編輯器裡選取中意的，然後粘貼在微信公號平臺使用：& 將樣式添加到圖文模板可供以後長期使用——點擊旁邊的『插入圖文模板』即可：4、關於公眾號頭和尾 &文章頭部可以借鑑一些成熟號的排版，或者是多個成熟號來綜合，依此來形成自己的風格。
  • 星媒學社|微信公眾號文章怎樣排版才好看?
    作為微信公眾號運營新手，你有沒有遇到這樣的問題：放上公眾號推送的文章，怎麼看都不對勁，大號字體、圖片大小不一、行間距低，看起來特別 「醜」，費盡心思寫好的一篇文章，就這樣毀在排版上。想要做到排版好看，你需要做到這幾點1字體字體大小一般設置在14號-16號之間，標題需要突出，可以設置在16-20號，而一些備註性文字，比如圖片說明等不是特別重要的信息，則字體可以設置在10-13號。
  • 微信公眾號圖文排版?看這一篇就夠了
    身為一名新媒體小編，幾乎每天都在與公眾號圖文的排版較勁兒，長時期的運營工作會積攢出一些自己的經驗，接下來就分享給你們！希望可以對你們產生幫助哦~~一、文章為什麼需要排版？現在很多公眾號的文章排版都是走極簡風格，整篇文章給人精簡幹練的感覺，看起來很舒服，也容易引導讀者繼續閱讀，用戶的體驗感也會比較舒適；圖中這篇文章，全篇文章並沒有華麗的樣式，花哨的排版，全篇文章只有兩種字體格式，正文字體以及突出字體的格式，加上簡單而又與之相符合的配圖，那接下來就分享一下簡約風格的文章排版應該怎麼操作？
  • 微信公眾號排版,如何添加對話問答樣式
    公眾號樣式排版是多種多樣的，根據文章內容主題的不同，選擇相應的樣式，才會讓文章排版更精彩。如果在文章中出現對話，想用對話問答的樣式進行排版，怎麼做才能實現呢？下面就為大家帶來微信公眾號排版，如何添加對話問答樣式的內容，一起看下吧。