diff --git a/src/Text/VisText.tsx b/src/Text/VisText.tsx
index f534f6f..b985cc0 100644
--- a/src/Text/VisText.tsx
+++ b/src/Text/VisText.tsx
@@ -29,6 +29,9 @@ const VisText = (props: VisTextProps) => {
       <Text
         className={className}
         style={{
+          // antd Text 组件写死了 14px，在段落定义了 font-size 的情况下，显示很突兀，这里不设置，跟随上级容器字体大小改变。
+          // TODO @羽熙 之后看能否通过 antd ConfigProvider 统一配置
+          fontSize: 'unset',
           ...style,
           ...pick(encoding, ['color', 'backgroundColor', 'fontWeight']),
         }}
diff --git a/src/Text/demos/markdown.tsx b/src/Text/demos/markdown.tsx
index 6718e1f..7ac441c 100644
--- a/src/Text/demos/markdown.tsx
+++ b/src/Text/demos/markdown.tsx
@@ -1,6 +1,12 @@
 import { Bubble, type BubbleProps } from '@ant-design/x';
 import { GPTVis, VisText } from '@antv/gpt-vis';
 import React from 'react';
+import styled from 'styled-components';
+
+const StyledP = styled.p`
+  font-size: 12px;
+  opacity: 0.88;
+`;
 
 const markdownContent = `
 ### 决策数量:
@@ -29,7 +35,7 @@ const bgStyle = {
 };
 
 const RenderMarkdown: BubbleProps['messageRender'] = (content) => (
-  <GPTVis components={{ 'vis-text': VisText }}>{content}</GPTVis>
+  <GPTVis components={{ 'vis-text': VisText, p: StyledP }}>{content}</GPTVis>
 );
 
 export default () => (