Facebook，Twitter，Instagram，Google使用的字體和顏色

>本文提供了流行社交媒體平台使用的字體和顏色的綜合指南。 了解這些細節對於旨在將社交媒體元素集成到其工作時的設計師至關重要。 此處提供的信息消除了對這些特定品牌資產的重複在線搜索的需求。

>該指南涵蓋了廣泛的平台，包括Facebook，Instagram，WhatsApp，Twitter，Pinterest，LinkedIn，Snapchat，YouTube，Google，Tiktok，Discord和Twitch。 對於每個平台，本文在HEX和RGB值中指定了主要顏色，並詳細介紹了使用的字體（除非另有說明，否則通常會默認使用Roboto，Segoe UI或San Francisco）。 顯然突出顯示了例外，例如Snapchat對Graphik字體的使用。

>本文還闡明了系統字體的使用，並解釋了它們在不同操作系統（Android，Windows，iOS/MacOS）之間的變化。 它指出了在材料設計中使用Roboto（例如，YouTube和其他Google應用程序），同時突出顯示Google徽標使用產品SANS。 >

關鍵平台詳細信息（摘要）：

>

• Messenger（Facebook）：＃0084FF（RGB：0，132，255）; MacOS上的Helvetica neue，否則係統默認。
• instagram（facebook）：＃e1306c（rgb：225，48，108）; 系統默認。
• whatsapp（Facebook）：＃25D366（RGB：37，211，102）;系統默認。
• Facebook：＃1877f2（RGB：24，119，242）;系統默認。
• > twitter：＃＃1DA1F2（RGB：29，161，242）;系統默認。
• > pinterest：＃e60023（rgb：230，0，35）;網站上的Helvetica/Neue Haas Grotesk，否則係統默認
• > LinkedIn：＃1666C5（RGB：22，102，197）; sans-serif（helvetica，arial或系統默認）。 >
> snapchat：
• ＃fffc00（rgb：255，252，0）; Graphik。
> YouTube：
• ＃ff0000（RGB：255，0，0）; Roboto。
Google：
• 藍色（＃4285F4，RGB：66，133，244），紅色（＃EA4335，RGB：234，67，53），Yellow（＃FBBC05，RGB，RGB：251 ，188，188，188，188，， 5），綠色（＃34A853，RGB：52，168，83）;產品sans（徽標）。
字母（Google的母公司）： red（＃ED1C24，RGB：238，28，36）; 未指定的字體。
• > tiktok：
紅色（＃EE1D52，RGB：238，29，82），藍色（＃69C9D0，RGB：105，201，208）;未指定的字體。
• discord：
＃5865f2（rgb：88，101，242）;未指定的字體。
• > twitch：
＃5865f2（rgb：88，101，242）;未指定的字體。

>本文還包括一個CSS片段，可輕鬆將這些顏色作為項目中的變量實現。 最後，一個常見問題解答部分解決了有關特定平台使用的字體的常見問題，包括Facebook字體選擇的歷史上下文。

以上是Facebook，Twitter，Instagram，Google使用的字體和顏色的詳細內容。更多資訊請關注PHP中文網其他相關文章！