microsoft / vscode

Visual Studio Code
https://code.visualstudio.com
MIT License
164.25k stars 29.3k forks source link

`editor.fontFamily` not working as expected with latest updates, insiders distro renders font as expected #214805

Closed josefaidt closed 5 months ago

josefaidt commented 5 months ago

Does this issue occur when all extensions are disabled?: Yes/No

on the latest version of VSCode, my font started behaving oddly. I used to specify my font using

"editor.fontFamily": "Operator Mono",

however to workaround the issue I need to specify

"editor.fontFamily": "OperatorMono-Book",

now if I attempt to use the same font style

"editor.fontFamily": "Operator Mono Book",

it breaks and falls back to the default CleanShot 2024-06-10 at 10 29 33

as a sanity check, if I use the same settings I previously used in VSCode Insiders it renders as expected

CleanShot 2024-06-10 at 10 23 48

{
  // https://gist.github.com/kamilogorek/f5542a8e5c4059a8ef9f62927a575db2
  "apc.electron": {
    "titleBarStyle": "hiddenInset",
    // "titleBarStyle": "hidden",
    "trafficLightPosition": {
      "x": 11,
      "y": 9
    }
  },
  "apc.font.family": "OperatorMono-Medium",
  "apc.header": {
    "height": 36
  },
  // Remove unnecessary controls from primary bar and tabs list
  "apc.stylesheet": {
    // Remove editor action icons (top right)
    ".editor .monaco-action-bar .actions-container": "display: none",
    // Align tabs to not overlap window controls when primary bar is hidden
    // ".nosidebar .inline-tabs-placeholder": "width: 75px",
    // Remove primary side bar title (top left)
    ".title-label > h2": "display: none"
  },
  // Remove code-block folding icon
  "editor.folding": false,
  "editor.fontFamily": "Operator Mono Book",
  "editor.fontSize": 14,
  "editor.formatOnSave": true,
  // Remove the line number gutter
  "editor.glyphMargin": false,
  "editor.guides.bracketPairs": "active",
  "editor.tabSize": 2,
  "editor.tabCompletion": "on",
  // Remove position indicator in the editor's scrollbar
  "editor.hideCursorInOverviewRuler": true,
  "editor.inlineSuggest.enabled": true,
  "editor.linkedEditing": true,
  "editor.lightbulb.enabled": "off",
  "editor.minimap.enabled": false,
  "editor.renderWhitespace": "none",
  "editor.wordWrap": "on",
  "editor.wordWrapColumn": 140,
  "editor.tokenColorCustomizations": {
    "[Rouge 2]": {
      "textMateRules": [
        {
          "scope": [
            "support.class.component.tsx",
            "support.class.component.astro"
          ],
          "settings": {
            "foreground": "#D7A1A5"
          }
        }
      ]
    }
  },
  "emmet.includeLanguages": {
    "javascript": "javascriptreact",
    "javascriptreact": "javascriptreact",
    "md": "javascriptreact",
    "mdx": "javascriptreact",
    "svelte": "javascriptreact"
  },
  "emmet.syntaxProfiles": {
    "javascript": "jsx"
  },
  "emmet.triggerExpansionOnTab": true,
  "explorer.compactFolders": false,
  "explorer.confirmDragAndDrop": false,
  "extensions.experimental.affinity": {
    "asvetliakov.vscode-neovim": 1
  },
  "files.associations": {
    "*.css": "tailwindcss",
    "*.js": "javascript",
    "*.svx": "mdx",
    "config": "ini",
    "credentials": "ini"
  },
  "files.autoSave": "off",
  "github.copilot.enable": {
    "*": true,
    "ini": false,
    "markdown": false,
    "plaintext": false,
    "properties": false,
    "scminput": false
  },
  "terminal.integrated.defaultProfile.osx": "fish",
  "terminal.integrated.fontFamily": "OperatorMono Nerd Font",
  "terminal.integrated.fontSize": 13,
  "terminal.integrated.fontWeight": "300",
  "terminal.integrated.fontWeightBold": "600",
  "terminal.integrated.tabs.enabled": false,
  "typescript.updateImportsOnFileMove.enabled": "always",
  // Remove left-side icons
  "workbench.activityBar.location": "hidden",
  "workbench.colorTheme": "Rouge 2",
  "workbench.colorCustomizations": {
    "statusBar.background": "#2E2F48",
    "statusBar.debuggingBackground": "#2E2F48",
    "statusBar.debuggingForeground": "#A2A3AA",
    "statusBar.foreground": "#A2A3AA",
    "statusBar.noFolderBackground": "#2E2F48",
    "tab.activeForeground": "#A2A3AA"
  },
  "workbench.editor.tabActionCloseVisibility": true,
  "workbench.editor.showTabs": "multiple",
  "workbench.iconTheme": "file-icons-colourless",
  "workbench.panel.defaultLocation": "right",
  "workbench.startupEditor": "welcomePage",
  // Remove bottom status bar
  "workbench.statusBar.visible": false,
  // Move tabs to be in a single line with window controls
  "window.titleBarStyle": "native",
  "window.customTitleBarVisibility": "never",
  "[prisma]": {
    "editor.defaultFormatter": "Prisma.prisma",
    "editor.quickSuggestions": {
      "strings": true
    }
  }
}

For what it's worth this is my extension list

astro-build.astro-vscode
asvetliakov.vscode-neovim
biomejs.biome
bracketpaircolordlw.bracket-pair-color-dlw
bradlc.vscode-tailwindcss
britesnow.vscode-toggle-quotes
dbaeumer.vscode-eslint
drcika.apc-extension
esbenp.prettier-vscode
file-icons.file-icons
github.vscode-github-actions
graphql.vscode-graphql
graphql.vscode-graphql-syntax
josef.rouge-theme
mikestead.dotenv
oxc.oxc-vscode
prisma.prisma
svelte.svelte-vscode
unifiedjs.vscode-mdx
yoavbls.pretty-ts-errors

I took this opportunity to clean up my extension list, and attempted the following:

Steps to Reproduce:

  1. on the latest version of VSCode, copy the following settings
  2. observe font style does not work as expected, workaround produces bolded italics(?)
ArturoDent commented 5 months ago

See https://github.com/microsoft/vscode/issues/214390

Is this different than that issue?

josefaidt commented 5 months ago

Hey @ArturoDent that is spot on, sorry! missed that when I was combing through the list of issues. Closing as a duplicate