"|" symbol display error in .yml

[jianboy]

The"|" symbol display to a "/".

Other IDE display normally：

[aeschli]

What theme are you using? It seems to me that the| is rendered in italics.
To inspect this, set the cursor before the | and invoke the command Inspect editor token and scopes. If you can paste a screenshot of the inspection hover that would be great.

[jianboy]

theme: Dark+

xx.yml:

xx.java:

gif:

[aeschli]

As for the theme, do you mean the Dart+ or Dark+? The gif shows that you select the built-in Dark+.

The built-in Dark+ does not define 'italics for keyword.control.
Also, I can't reproduce the issue on my machine.

Did you customize the theming rules in the settings? (editor.tokenColorCustomizations)

[jianboy]

I got a setting:

    "editor.fontFamily": "Monaco, 'Courier New', monospace",
    "editor.tokenColorCustomizations": {
        "comments": {},
        "keywords": {
            "fontStyle": "italic",
            // "foreground": "#ffee00"
        },
        "functions": {
            "fontStyle": "bold",
            // "foreground": "#15ff00"
        },
    },

But, "|" is not a keywords in *.yml.

[aeschli]

That explains what you see. The YAML grammar gives the | the keyword.control scope, which is typically used for keywords like if, switch.
You can file an issue against the YAML grammar (https://github.com/textmate/yaml.tmbundle) and argue that the '|' should not be classified as a keyword.