::将 less 文件编译为 css 后内容变为奇怪的字符

Question

我有这个 less 文件，其中包含这一行 &::after{content: '▼';} 但是当编译为 css 时使用 less 编译器 (lessc) 我在 css 文件中得到以下结果 &::after{content: 'Ôû╝';}。

在网站上，显示的是奇怪的字符，而不是向下箭头。

如何让这个内容在编译过程中保持不变？

Answer 1

您需要替换的代码是：

content: 'BC';

并非所有服务器都能识别实际字符 - 但代码每次都能识别。

如果您只想直接使用字符“▼”——您只需使用相同的编码方式保存并打开文件即可。否则你会得到乱码。最好使用的编码是 UTF-8。

您可以在 HTML

中执行此操作

<head>
  <meta charset="UTF-8">
</head>

::after content changes to weird characters when compiling less file to css