web-dev-qa-db-fra.com

Comment puis-je "installer" des polices à utiliser dans Visual Studio Code?

J'ai cette belle police mono https://github.com/tonsky/FiraCode que j'aimerais utiliser dans le code Visual Studio sous Ubuntu.

J'ai téléchargé les fichiers de police (.ttf). J'ai compris que pour rendre une police disponible dans tout le système, je devais la copier sur /usr/share/fonts, donc j'ai copié ces fichiers sur /usr/share/fonts/truetype/fira-code.

J’ai remarqué que le nombre de prémices après la copie était de 750, alors j’ai opté pour 755

Maintenant, je vais dans les préférences de code Visual Studio et lui dis que je vais utiliser "Code Fira", et ne fait rien. Si je le change en "DejaVu Sans Mono" par exemple, il utilisera cette police.

En faisant cela, je ne vois pas non plus les polices dans LibreOffice .

Après cet échec, j'ai créé un répertoire .fonts chez moi et copié les fichiers .ttf, résultat identique. (J'ai suivi les instructions ici: https://itsfoss.com/install-fonts-ubuntu-1404-1410/ )

En copiant les polices ici, je les vois dans LibreOffice, mais je ne peux pas les utiliser dans le code Visual Studio

On dirait donc qu'il y a le plus souvent une sorte de "registre de polices", comment installer correctement les fichiers de polices dans Ubuntu?

1
luisfer

Pour définir cette belle police, suivez les étapes suivantes

  1. Téléchargez les polices de ici

  2. Décompressez et dans le dossier ttf, double-cliquez sur chaque fichier et sélectionnez install dans la boîte de dialogue qui apparaît.

  3. Configuration du VSCode:

    1. Ouvrir File -> Preferences -> Settings
    2. En haut à droite cliquez sur {} et le user settings (settings.json) s’ouvrira.
    3. Ajoutez les lignes suivantes:

      "editor.fontFamily": "'Fira Code'",
      "editor.fontLigatures": true,
      
      • Remarque: je devais commenter le font family entry normal auquel je peux revenir en inversant le processus.
    4. Pour changer l’épaisseur de la police, ajoutez l’une des lignes suivantes, mais pas toutes.

      "editor.fontWeight": "300" // Light
      "editor.fontWeight": "400" // Regular
      "editor.fontWeight": "500" // Medium
      "editor.fontWeight": "600" // Bold
      
  4. Redémarrez et profitez.

    enter image description here

Mon exemple d'utilisateur settings.json

{
    "files.autoSave": "onFocusChange",
    "editor.minimap.enabled": false,
    "workbench.iconTheme": "material-icon-theme",
    "vsicons.projectDetection.autoReload": true,
    "workbench.editor.enablePreview": false,
    "workbench.editor.enablePreviewFromQuickOpen": false,
    // "editor.fontFamily": "'Noto Mono', 'Droid Sans Mono', 'Courier New', monospace, 'Droid Sans Fallback'",
    "breadcrumbs.enabled": true,
    "TypeScript.updateImportsOnFileMove.enabled": "always",
    "git.enableSmartCommit": true,
    "Java.home": "/usr/lib/jvm/Java-8-Oracle",
    // "editor.fontLigatures": true,
    "editor.fontFamily": "'Fira Code', 'Noto Mono', 'Droid Sans Mono', 'Courier New', monospace, 'Droid Sans Fallback'",
    "editor.fontLigatures": true,
    // "editor.fontWeight": "300", // Light
    // "editor.fontWeight": "400", // Regular
    // "editor.fontWeight": "500", // Medium
    // "editor.fontWeight": "600" // Bold
}
3
George Udosen