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中文网其他相关文章！