From d490e42ffe823173477b841ec397105bd06cb336 Mon Sep 17 00:00:00 2001
From: Peter Bengtsson <mail@peterbe.com>
Date: Thu, 17 Jun 2021 13:35:36 -0400
Subject: rid of $samples iframes

---
 files/zh-cn/web/css/font-variant/index.html | 18 +++++++-----------
 1 file changed, 7 insertions(+), 11 deletions(-)

(limited to 'files/zh-cn/web/css/font-variant/index.html')

diff --git a/files/zh-cn/web/css/font-variant/index.html b/files/zh-cn/web/css/font-variant/index.html
index a01120c3c3..f5aae7872a 100644
--- a/files/zh-cn/web/css/font-variant/index.html
+++ b/files/zh-cn/web/css/font-variant/index.html
@@ -44,22 +44,21 @@ font-variant: unset;
  <dd>规定与{{cssxref("font-variant-alternates")}}属性相关的关键字，可能的值包括：<code>lining-nums</code>, <code>oldstyle-nums</code>, <code>proportional-nums</code>, <code>tabular-nums</code>, <code>diagonal-fractions</code>, <code>stacked-fractions</code>, <code>ordinal</code> 和 <code>slashed-zero</code>。</dd>
  <dt><code>&lt;east-asian-variant-values&gt;</code>, <code>&lt;east-asian-width-values&gt;</code>, <code>ruby</code></dt>
  <dd>规定与{{cssxref("font-variant-east-asian")}}属性相关的关键字，可能的值包括：<code>jis78</code>, <code>jis83</code>, <code>jis90</code>, <code>jis04</code>, <code>simplified</code>, <code>traditional</code>, <code>full-width</code>, <code>proportional-width</code>, <code>ruby</code>。</dd>
- <dt>
- <h3 id="正式语法">正式语法</h3>
- </dt>
 </dl>
 
 {{csssyntax}}
 
 <h2 id="示例">示例</h2>
 
-<h3 id="HTML">HTML</h3>
+<h3 id="Setting_the_small-caps_font_variant">Setting the small-caps font variant</h3>
+
+<h4 id="HTML">HTML</h4>
 
 <pre class="brush: html">&lt;p class="normal"&gt;Firefox rocks!&lt;/p&gt;
 &lt;p class="small"&gt;Firefox rocks!&lt;/p&gt;
 </pre>
 
-<h3 id="CSS">CSS</h3>
+<h4 id="CSS">CSS</h4>
 
 <pre class="brush: css">p.normal {
   font-variant: normal;
@@ -69,9 +68,9 @@ p.small {
 }
 </pre>
 
-<h3 id="结果">结果</h3>
+<h4 id="Result">Result</h4>
 
-<p><iframe class="live-sample-frame sample-code-frame" frameborder="0" id="frame_Example" src="https://mdn.mozillademos.org/en-US/docs/Web/CSS/font-variant$samples/Example?revision=1598093"></iframe></p>
+<p>{{ EmbedLiveSample('Setting_the_small-caps_font_variant', '', '', '', 'Web/CSS/font-variant') }}</p>
 
 <h2 id="规范">规范</h2>
 
@@ -106,11 +105,8 @@ p.small {
 
 <h2 id="Browser_compatibility" name="Browser_compatibility">浏览器兼容性</h2>
 
-<div>
-
+<p>{{Compat}}</p>
 
-<p>{{Compat("css.properties.font-variant")}}</p>
-</div>
 
 <h2 id="参见">参见</h2>
 
-- 
cgit v1.2.3-54-g00ecf