正确显示摄氏度符号（℃）的方法有五种：一、用HTML实体°+C组合并声明UTF-8编码；二、直接使用Unicode字符℃（U+2103）且编辑器与文档均为UTF-8；三、CSS伪元素::after注入℃；四、SVG内联绘制确保精度与可访问性；五、Web字体嵌入专用U+2103字形。
如果您需要在网页中正确显示摄氏度符号（℃），但直接输入或复制粘贴后出现乱码、问号或方块，则可能是由于字符编码未正确声明或使用了不兼容的表示方式。以下是实现摄氏度符号显示的多种方法：
一、使用HTML实体符号 ° + 字母C组合
该方法通过组合度数符号与普通字母“C”构成视觉上的摄氏度单位，兼容性极强，适用于所有HTML版本及旧版浏览器。
1、在HTML代码中输入 °C（注意：& 是 & 的转义写法，实际书写时应为 °C）。
2、确保HTML文档声明了UTF-8编码，例如在
中包含 <meta charset="UTF-8">。立即学习“前端免费学习笔记（深入）”；
3、在浏览器中刷新页面，将显示为°C（无空格，上标度数+大写C）。
二、使用Unicode字符 ℃ 直接输入
摄氏度符号 ℃ 是Unicode标准中的独立字符（U+2103），可直接嵌入HTML源码，前提是编辑器和文档编码均支持UTF-8。
1、在支持UTF-8的文本编辑器（如VS Code、Sublime Text）中，将文档编码设置为UTF-8无BOM。
2、直接键入或复制粘贴字符 ℃（U+2103）到HTML标签内容中，例如：<p>当前温度：25℃</p>。
3、确认HTML头部已声明 <meta charset="UTF-8">，否则可能显示为乱码。
三、使用CSS伪元素生成℃符号
当需动态添加摄氏度单位或避免HTML内容中混入特殊符号时，可通过CSS content属性注入℃，实现结构与样式的分离。
1、在HTML中仅写数值，例如：<span class="temp-value">25</span>。
2、在
3、若需兼容IE8及更早版本，改用 .temp-value:after（单冒号）并确保文档模式为标准模式。
四、使用SVG内联绘制℃符号
在对符号精度、缩放或颜色有严格控制要求的场景下，可用SVG路径精确绘制℃，完全规避字体缺失风险。
1、插入内联SVG代码，例如：<svg width="16" height="16" viewBox="0 0 16 16"><text x="0" y="13" font-size="14" font-family="sans-serif">℃</text></svg>。
2、将SVG中的文字替换为path路径（需提前将℃矢量化），或直接使用系统字体渲染以保证一致性。
3、为SVG添加aria-label属性，例如 aria-label="摄氏度"，提升可访问性。
五、使用Web字体嵌入专用℃字形
当项目使用自定义Web字体（如Google Fonts或私有字体包）且该字体明确包含U+2103字形时，可通过@font-face确保符号正确渲染。
1、确认所选字体文件（如.woff2）中包含Unicode范围 U+2103，可通过FontForge等工具验证。
2、在CSS中声明字体并指定unicode-range：@font-face { font-family: 'TempFont'; src: url('temp.woff2'); unicode-range: U+2103; }。
3、对含℃的元素应用该字体：.temp-unit { font-family: 'TempFont', sans-serif; }。
