What font does eastmoney.com use?

eastmoney.com’s website uses one typeface: Microsoft Yahei (headings and body text), a system font.

What are eastmoney.com’s brand colours?

The main colours on eastmoney.com are Deep Orange Red (#EA5404), Light Orange Red (#FF5500), Chocolate (#FA7205), Dark Slate Blue (#003398), Light Burly Wood (#E1BD87) and Deep Burly Wood (#D0AB74).

What colour is eastmoney.com’s text and background?

Body text is #333333 on a #F7F8FA background.

Where is eastmoney.com’s logo from?

The logo shown in this guide was found on eastmoney.com’s homepage. For official logo files and usage rules, check eastmoney.com’s own brand or press page.

Is this eastmoney.com’s official style guide?

No. SiteStyleGuide made it from eastmoney.com’s public web pages on 31 October 2026, and isn’t affiliated with eastmoney.com. Members can refresh a guide after 90 days to pick up changes.

Unofficial A style guide made by SiteStyleGuide from eastmoney.com’s public web pages. Not affiliated with or endorsed by eastmoney.com. The real site is eastmoney.com ↗

Unofficial style guide

eastmoney.comstyle guide

eastmoney.com’s website (eastmoney.com) uses Microsoft Yahei for its headings and body text. Its palette is led by Deep Orange Red (#EA5404), Light Orange Red (#FF5500) and Chocolate (#FA7205), with #333333 text on #F7F8FA. Captured from the live site on 31 October 2026.

Website: eastmoney.com
Typefaces: Microsoft Yahei, Arial
Palette: 4 neutrals, 12 colours, 3 gradients
Captured: 31 Oct 2026 · added by @sitestyleguide

Save Add to collection Share Report

Screenshot of the eastmoney.com homepage on a desktop screen — Screenshot of eastmoney.com on a 1440 px desktop screen, 31 Oct 2026.

Screenshot of the eastmoney.com homepage on a phone — On a phone, 390 px.

Identity & metadata

What browsers, search engines and social cards show before anyone reaches the page, from the homepage’s <head>.

Title &
description

Page title: 东方财富网：财经门户，提供专业的财经、股票、行情、证券、基金、理财、银行、保险、信托、期货、黄金、股吧、博客等各类财经资讯及数据; ▲ 64 / 60 characters
Meta description: 东方财富网，专业的互联网财经媒体，提供7*24小时财经资讯及全球金融市场报价，汇聚全方位的综合财经资讯和金融市场资讯，覆盖股票、财经、证券、金融、美股、港股、行情、基金、债券、期货、外汇、科创板、保险、信托、黄金、理财、商业、银行、博客、股吧、财迷、论坛等财经综合信息; ● 134 / 160 characters

In search results

eastmoney.comhttps://www.eastmoney.com/

东方财富网：财经门户，提供专业的财经、股票、行情、证券、基金…

东方财富网，专业的互联网财经媒体，提供7*24小时财经资讯及全球金融市场报价，汇聚全方位的综合财经资讯和金融市场资讯，覆盖股票、财经、证券、金融、美股、港股、行情、…

When shared

No og:image, so no picture

eastmoney.com

东方财富网：财经门户，提供专业的财经、股票、行情、证券、基金、理财、银行、保险、信托、期…

东方财富网，专业的互联网财经媒体，提供7*24小时财经资讯及全球金融市场报价，汇聚全方位的综合财经资讯和金融市场…

Logo & favicons

Found as: image linked to the homepage. PNG, 170 × 84.

Logo

On white

On black

On Deep Orange Red

Favicons

2 found

256 px · PNG apple-touch-icon
32 px · ICO favicon.ico

东方财富网：财经门户，提供专业的财经、股票、行情、证券、基金、理财、银行、保险、信托、期货、黄金、股吧、博客等各类财经资讯及数据

Light browser tab

东方财富网：财经门户，提供专业的财经、股票、行情、证券、基金、理财、银行、保险、信托、期货、黄金、股吧、博客等各类财经资讯及数据

Dark browser tab

Colour

Read from the site’s stylesheets and weighted by where each colour is used. Names are the nearest standard colour name. Click a swatch to copy its hex code.

Contrast is against the site’s text colour (#333333) and white, using WCAG 2 ratios: 4.5 for body text, 3 for large text.

Colour

Balance

How much each colour is used

White 37.1%
Deep Orange Red 13.2%
Light Orange Red 11.2%
Dark Grey 9%
Off White 7.8%
Charcoal 7.2%
Chocolate 2.4%
Dark Slate Blue 2.2%
Light Burly Wood 1.4%
Deep Burly Wood 1.4%
Orange 1.4%
Fire Brick 1.2%
Dark Orange 1.2%
Forest Green 1.1%
Red 1.1%
Royal Blue 1%

By how often each colour appears in the site’s CSS, weighted by where (body, headings, buttons), not by area on the screen.

Neutrals

Text, backgrounds and structure

White

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 0

On text
12.63:1 AAA

On white
—

Background, text · body, .hq-nav-title .active+li a
Dark Grey

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 60

On text
2.20:1 Fail

On white
5.74:1 AA

Text, border · .hq-nav-title li a, .hot_gd .gd .btns
Off White

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 10

On text
10.03:1 AAA

On white
1.26:1 Fail

Border, background, text · .footerbz, .footer
Charcoal

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 80

On text
—

On white
12.63:1 AAA

Text · body, .blink a

Colours

Brand colours and accents, most used first

Deep Orange Red

HEX

RGB

HSL

OKLCH

CMYK
0 64 98 8

On text
3.47:1 AA large

On white
3.64:1 AA large

Text, background, border · .hq-nav-title .active, .hq-nav-title .active+li
Light Orange Red

HEX

RGB

HSL

OKLCH

CMYK
0 67 100 0

On text
3.94:1 AA large

On white
3.21:1 AA large

Text, background, border · .hsj_dkdc .btns a, .user_login .login_btns .login
Chocolate

HEX

RGB

HSL

OKLCH

CMYK
0 54 98 2

On text
4.50:1 AA

On white
2.81:1 Fail

Background · .eastmoney_zq>.t::before, .eastmoney_zq>.t::after
Dark Slate Blue

HEX

RGB

HSL

OKLCH

CMYK
100 66 0 40

On text
1.16:1 Fail

On white
10.90:1 AAA

Text, border · a, a.bulink
Light Burly Wood

HEX

RGB

HSL

OKLCH

CMYK
0 16 40 12

On text
7.12:1 AAA

On white
1.78:1 Fail

Background · .eastmoney_jj .btns a
Deep Burly Wood

HEX

RGB

HSL

OKLCH

CMYK
0 18 44 18

On text
5.87:1 AA

On white
2.15:1 Fail

Background · .eastmoney_jj .btns a
Orange

HEX

RGB

HSL

OKLCH

CMYK
0 37 86 4

On text
5.73:1 AA

On white
2.20:1 Fail

Text · .top_nav .down_menu li.mxtg a, .leftnavopentable .mxtg a
Fire Brick

HEX

RGB

HSL

OKLCH

CMYK
0 100 100 20

On text
2.15:1 Fail

On white
5.89:1 AA

Background · .xh_num, .xh_g
Dark Orange

HEX

RGB

HSL

OKLCH

CMYK
0 42 96 4

On text
5.29:1 AA

On white
2.39:1 Fail

Background · .eastmoney_zq>.t, .eastmoney_jj>.t
Forest Green

HEX

RGB

HSL

OKLCH

CMYK
99 0 67 40

On text
3.37:1 AA large

On white
3.75:1 AA large

Background, text · .hsj_dkdc .diaocha_type .green, .price_down
Red

HEX

RGB

HSL

OKLCH

CMYK
0 85 100 13

On text
2.61:1 Fail

On white
4.84:1 AA

Background, text · .hsj_dkdc .diaocha_type .red, .price_up
Royal Blue

HEX

RGB

HSL

OKLCH

CMYK
84 62 0 0

On text
2.53:1 Fail

On white
4.99:1 AA

Text · .lightblue

Gradients

linear-gradient(to bottom,#e1bd87 0,#d0ab74 100%)
linear-gradient(to bottom,#f68e0a 0,#ff5600 100%)
linear-gradient(to right,#fa7205 0,#fff9f5 100%)

Typography

Faces from Google Fonts are shown in the real thing. Others are licensed to the site, so they show in your device’s copy if you have one, or a stand-in if not.

Microsoft Yahei

Aa 400

Microsoft Yahei

System font, or not loaded on this page · body · shown in a stand-in if you don’t have it

Aa 400

Arial

System font, or not loaded on this page · shown in a stand-in if you don’t have it

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 ! ? & @ % $ – ’ “ ”

Type scale

From the site’s CSS

Body 13px Microsoft Yahei

东方财富网，专业的互联网财经媒体，提供7*24小时财经资讯及全球金融市场报价，汇聚全方位的综合财经资讯和金融市场资讯，覆盖股票、财经、证券、金…

Link 12px / 20px weight 700

Sizes in use

Most common across the site

20pxline 36px · 2 rules
17px1 rules
16pxline 34px · 6 rules
15pxline 29px · 10 rules
14pxline 30px · 15 rules
13pxline 20px · 10 rules
12pxline 20px · 23 rules
11pxline 12px · 2 rules

Elements

The main button and link as the site’s CSS draws them, and the corner radii and shadows it uses most.

Elements

Button

Get started

.hq_news_form .btn1 · #EA5404 · radius 7px

Link

Read our latest news today.

a · #003398

Corner radius

10px · 10×
4px · 7×
5px · 5×
12px · 4×
10px 10px 0 0 · 4×
3px · 4×

Shadows

rgba(0,0,0,.1) -3px -3px 3px
rgba(0,0,0,.3) 0 0 8px
rgba(0,0,0,.3) 1px 1px 8px

Layout

Breakpoints from the site’s media queries and the widths its content is held to, with how often each appears.

Grid

Breakpoints

1600

On a scale of 0 to 1600 px.

Notes

Plain checks on what was found. Worth fixing if you look after this site.

Notes

▲ CheckThe title is 64 characters. Google usually cuts titles near 60, so the end may not show in results.
▲ CheckThere is no og:image, so links shared on social media show no picture.
▲ CheckThe page doesn’t declare its language (the lang attribute on <html>).

Questions

Quick answers, from the same capture as the rest of this guide.

Questions

What font does eastmoney.com use?: eastmoney.com’s website uses one typeface: Microsoft Yahei (headings and body text), a system font.
What are eastmoney.com’s brand colours?: The main colours on eastmoney.com are Deep Orange Red (#EA5404), Light Orange Red (#FF5500), Chocolate (#FA7205), Dark Slate Blue (#003398), Light Burly Wood (#E1BD87) and Deep Burly Wood (#D0AB74).
What colour is eastmoney.com’s text and background?: Body text is #333333 on a #F7F8FA background.
Where is eastmoney.com’s logo from?: The logo shown in this guide was found on eastmoney.com’s homepage. For official logo files and usage rules, check eastmoney.com’s own brand or press page.
Is this eastmoney.com’s official style guide?: No. SiteStyleGuide made it from eastmoney.com’s public web pages on 31 October 2026, and isn’t affiliated with eastmoney.com. Members can refresh a guide after 90 days to pick up changes.

Design tokens

Everything above as CSS variables, ready to paste into a project. Members can download the tokens as files for Figma (Tokens Studio), Style Dictionary and Tailwind.

Tokens

eastmoney-com-tokens.css

Download

Free with an account: sign up or sign in, and you’ll come straight back here.

/* eastmoney.com design tokens, from SiteStyleGuide (https://sitestyleguide.com/eastmoney.com) */
:root {
  /* Colours */
  --text: #333333;
  --background: #F7F8FA;
  --colour-white: #FFFFFF;
  --colour-dark-grey: #666666;
  --colour-off-white: #E5E5E5;
  --colour-charcoal: #333333;
  --colour-deep-orange-red: #EA5404;
  --colour-light-orange-red: #FF5500;
  --colour-chocolate: #FA7205;
  --colour-dark-slate-blue: #003398;
  --colour-light-burly-wood: #E1BD87;
  --colour-deep-burly-wood: #D0AB74;
  --colour-orange: #F59A23;
  --colour-fire-brick: #CC0000;
  --colour-dark-orange: #F68E0A;
  --colour-forest-green: #019933;
  --colour-red: #DE2200;
  --colour-royal-blue: #2860FF;
  --gradient-1: linear-gradient(to bottom,#e1bd87 0,#d0ab74 100%);
  --gradient-2: linear-gradient(to bottom,#f68e0a 0,#ff5600 100%);
  --gradient-3: linear-gradient(to right,#fa7205 0,#fff9f5 100%);

  /* Typefaces */
  --font-body: 'Microsoft Yahei', 'Tahoma', 'Hiragino Sans GB', 'pingfang sc';
  --font-other: 'Arial';

  /* Type scale */
  --text-body: 13px;
  --text-a: 12px;
  --leading-a: 20px;

  /* Shape */
  --radius-1: 10px;
  --radius-2: 4px;
  --radius-3: 5px;
  --radius-4: 12px;
  --radius-5: 10px 10px 0 0;
  --radius-6: 3px;

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 1600px;
}

{
    "site": "eastmoney.com",
    "source": "https://sitestyleguide.com/eastmoney.com",
    "text": "#333333",
    "background": "#F7F8FA",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Dark Grey",
            "hex": "#666666",
            "rgb": [
                102,
                102,
                102
            ]
        },
        {
            "name": "Off White",
            "hex": "#E5E5E5",
            "rgb": [
                229,
                229,
                229
            ]
        },
        {
            "name": "Charcoal",
            "hex": "#333333",
            "rgb": [
                51,
                51,
                51
            ]
        },
        {
            "name": "Deep Orange Red",
            "hex": "#EA5404",
            "rgb": [
                234,
                84,
                4
            ]
        },
        {
            "name": "Light Orange Red",
            "hex": "#FF5500",
            "rgb": [
                255,
                85,
                0
            ]
        },
        {
            "name": "Chocolate",
            "hex": "#FA7205",
            "rgb": [
                250,
                114,
                5
            ]
        },
        {
            "name": "Dark Slate Blue",
            "hex": "#003398",
            "rgb": [
                0,
                51,
                152
            ]
        },
        {
            "name": "Light Burly Wood",
            "hex": "#E1BD87",
            "rgb": [
                225,
                189,
                135
            ]
        },
        {
            "name": "Deep Burly Wood",
            "hex": "#D0AB74",
            "rgb": [
                208,
                171,
                116
            ]
        },
        {
            "name": "Orange",
            "hex": "#F59A23",
            "rgb": [
                245,
                154,
                35
            ]
        },
        {
            "name": "Fire Brick",
            "hex": "#CC0000",
            "rgb": [
                204,
                0,
                0
            ]
        },
        {
            "name": "Dark Orange",
            "hex": "#F68E0A",
            "rgb": [
                246,
                142,
                10
            ]
        },
        {
            "name": "Forest Green",
            "hex": "#019933",
            "rgb": [
                1,
                153,
                51
            ]
        },
        {
            "name": "Red",
            "hex": "#DE2200",
            "rgb": [
                222,
                34,
                0
            ]
        },
        {
            "name": "Royal Blue",
            "hex": "#2860FF",
            "rgb": [
                40,
                96,
                255
            ]
        }
    ],
    "fonts": [
        {
            "name": "Microsoft Yahei",
            "stack": "'Microsoft Yahei', Tahoma, 'Hiragino Sans GB', 'pingfang sc'",
            "weights": [],
            "source": "System font, or not loaded on this page"
        },
        {
            "name": "Arial",
            "stack": "Arial",
            "weights": [],
            "source": "System font, or not loaded on this page"
        }
    ]
}

Other websites using Microsoft Yahei as their main typeface

163.com

163.com · set in Microsoft Yahei
Save

Websites whose lead colour is closest to eastmoney.com’s

orange.fr

orange.fr · 5 days ago
Save
SoundCloud

soundcloud.com · 23 hours ago
Save
Breitbart

breitbart.com · 5 days ago
Save
How-To Geek

howtogeek.com · 5 days ago
Save

Captured from eastmoney.com on 31 October 2026. SiteStyleGuide isn’t affiliated with or endorsed by eastmoney.com; this guide describes the public website for reference.

eastmoney.comstyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Dark Grey

Off White

Charcoal

Colours

Deep Orange Red

Light Orange Red

Chocolate

Dark Slate Blue

Light Burly Wood

Deep Burly Wood

Orange

Fire Brick

Dark Orange

Forest Green

Red

Royal Blue

Gradients

Microsoft Yahei

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run eastmoney.com?

Also set in Microsoft Yahei

163.com

Similar colours

orange.fr

SoundCloud

Breitbart

How-To Geek

Title &
description