كيف اغير الخط إلى italic في vscode

أنت بحاجة إلى استخدام خط يدعم Italic ومن الخطوط الجيدة خط FiraCodeiScript ويمكنك تحميله من هنا:

• https://github.com/kencrocken/FiraCodeiScript/archive/refs/heads/master.zip

وعليك فك الضغط وتثبيت الخط install من خلال تحديد ملفات الخطوط ثم الضغط بزر الفأرة الأيمن ثم إختيار install.

بعد ذلك عليك تعديل الإعدادات ابحث عن editor.fontFamily ثم قم بوضع القيمة إلى Fira Code iScript كالتالي:

"editor.fontFamily": "Fira Code iScript",

ثم عليك تحديد العناصر التي تريد عرضها بشكل italic من خلال Scope بوضع الإعدادات التالية في settings:

"editor.tokenColorCustomizations": {
    "textMateRules": [
        {
            "scope": [
                // the following elements will be in italic
                //   (=Fira Code iScript)
                "comment",
                "keyword.control.import.js", // import
                "keyword.control.export.js", // export
                "keyword.control.from.js", // from
                // "constant", // String, Number, Boolean…, this, super
                "storage.modifier", // static keyword
                "storage.type.class", // class keyword
                "storage.type.php", // typehints in methods keyword
                "keyword.other.new.php", // new
                "entity.other.attribute-name", // html attributes
                "fenced_code.block.language.markdown" // markdown language modifier
            ],
            "settings": {
                "fontStyle": "italic"
            }
        },
        {
            "scope": [
                // the following elements will be displayed in bold
                "entity.name.type.class" // class names
            ],
            "settings": {
                "fontStyle": "bold"
            }
        },
        {
            "scope": [
                // the following elements will be displayed in bold and italic
                "entity.name.section.markdown" // markdown headlines
            ],
            "settings": {
                "fontStyle": "italic bold"
            }
        },
        {
            "scope": [
                // the following elements will be excluded from italics 
                //   (VSCode has some defaults for italics)
                "invalid",
                "keyword.operator",
                "constant.numeric.css",
                "keyword.other.unit.px.css",
                "constant.numeric.decimal.js",
                "constant.numeric.json",
                "comment.block",
                "entity.other.attribute-name.class.css"
            ],
            "settings": {
                "fontStyle": ""
            }
        }
    ]
}

ويمكنك البحث عن Setup FiraCodeiScript for Italic Fonts in VSCode على اليوتيوب لرؤية شرح بالفيديو.