Prevent Chinese characters from displaying as garbled text in CSS -- @charset

May 2, 2023#美化 #xlog #charset #乱码 #CSS305

AI Translation

This post is translated from Chinese into English through AI.View Original

AI-generated summary

The xlog tool only allows for changing CSS styles and not file permissions. To add text, one must use CSS and include the @charset property to avoid encoding issues. The blogger experienced encoding problems but was able to fix them by adding the @charset property.

xlog does not modify file permissions, it only supports changing and beautifying CSS styles. Therefore, if you want to add text in the desired location, you can only use CSS to add text. Not setting @charset can easily result in garbled characters.

Code:

@charset "UTF-8";
/* Prevent Chinese garbled characters when adding CSS - The @charset property specifies the character encoding used in the style sheet (.css extension) and can only be used in CSS files.
It must be the first element in the style sheet, with no preceding characters, not even comments. If multiple @charset rules are declared, only the first one will be used, and it cannot be used in HTML elements or within HTML pages, i.e., it cannot be used within <style> elements. */

Effect after adding:

$X$F0~P)Y58{(CBP%RN_AP}5$
I also encountered garbled characters recently 😅, but it's never too late to mend!