From c2e2ff10d7ee3fa6e678e0a2117723ce947fd325 Mon Sep 17 00:00:00 2001 From: Christoph Date: Sun, 10 Mar 2024 18:04:56 +0100 Subject: [PATCH 1/3] Update custom-svg-icons.md --- docs/code-howtos/custom-svg-icons.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/docs/code-howtos/custom-svg-icons.md b/docs/code-howtos/custom-svg-icons.md index cd20685a80a..5ed149b9a2f 100644 --- a/docs/code-howtos/custom-svg-icons.md +++ b/docs/code-howtos/custom-svg-icons.md @@ -23,7 +23,8 @@ Good icon design requires years of experience and cannot be covered here. Adapti ## Step 2. Packing the icons into a font -Use the [IcoMoon](https://icomoon.io) tool for packing the icons. Create a new set and import _all_ icons. Rearrange them so that they have the same order as in `org.jabref.gui.JabRefMaterialDesignIcon`. This will avoid that you have to change the code points for the existing glyphs. In the settings for your icon set, set the _Grid_ to 24. This is important to get the correct spacing. The name of the font is `JabRefMaterialDesign`. When your icon-set is ready, select all of them and download the font-package. +Use the [IcoMoon](https://icomoon.io) tool for packing the icons. Create a new set and import _all_ icons from the existing json file. The json file is in the jabref-admin repo +Rearrange them so that they have the same order as in `org.jabref.gui.JabRefMaterialDesignIcon`. This will avoid that you have to change the code points for the existing glyphs. In the settings for your icon set, set the _Grid_ to 24. This is important to get the correct spacing. The name of the font is `JabRefMaterialDesign`. When your icon-set is ready, select all of them and download the font-package. ## Step 3. Replace the existing `JabRefMaterialDesign.ttf` From c9c6b15002c4665d84f65924c74b7bded466c037 Mon Sep 17 00:00:00 2001 From: Christoph Date: Sun, 10 Mar 2024 18:10:59 +0100 Subject: [PATCH 2/3] Update custom-svg-icons.md --- docs/code-howtos/custom-svg-icons.md | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/docs/code-howtos/custom-svg-icons.md b/docs/code-howtos/custom-svg-icons.md index 5ed149b9a2f..6da46e49053 100644 --- a/docs/code-howtos/custom-svg-icons.md +++ b/docs/code-howtos/custom-svg-icons.md @@ -23,8 +23,13 @@ Good icon design requires years of experience and cannot be covered here. Adapti ## Step 2. Packing the icons into a font -Use the [IcoMoon](https://icomoon.io) tool for packing the icons. Create a new set and import _all_ icons from the existing json file. The json file is in the jabref-admin repo -Rearrange them so that they have the same order as in `org.jabref.gui.JabRefMaterialDesignIcon`. This will avoid that you have to change the code points for the existing glyphs. In the settings for your icon set, set the _Grid_ to 24. This is important to get the correct spacing. The name of the font is `JabRefMaterialDesign`. When your icon-set is ready, select all of them and download the font-package. +Use the [IcoMoon](https://icomoon.io) tool for packing the icons. +1. Create a new set by importing the json file +2. Next to the icons, click on the hamburger menu, chose "Import to Set" to add a new icon (it will be added to the front) +Rearrange them so that they have the same order as in `org.jabref.gui.JabRefMaterialDesignIcon`. This will avoid that you have to change the code points for the existing glyphs. In the settings for your icon set, set the _Grid_ to 24. This is important to get the correct spacing. The name of the font is `JabRefMaterialDesign`. +3. Next to the icons, click on the hamburger menu and click "Select all". +4. Proceed with the font creating, set the font property name to `JabRefMaterialDesign` +When your icon-set is ready, select all of them and download the font-package. ## Step 3. Replace the existing `JabRefMaterialDesign.ttf` From b7d123a9ba7e8c2d7e28edef7a03bb4995ea0605 Mon Sep 17 00:00:00 2001 From: Christoph Date: Sun, 10 Mar 2024 18:12:48 +0100 Subject: [PATCH 3/3] lint --- docs/code-howtos/custom-svg-icons.md | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/docs/code-howtos/custom-svg-icons.md b/docs/code-howtos/custom-svg-icons.md index 6da46e49053..5f6070c5700 100644 --- a/docs/code-howtos/custom-svg-icons.md +++ b/docs/code-howtos/custom-svg-icons.md @@ -24,11 +24,12 @@ Good icon design requires years of experience and cannot be covered here. Adapti ## Step 2. Packing the icons into a font Use the [IcoMoon](https://icomoon.io) tool for packing the icons. + 1. Create a new set by importing the json file 2. Next to the icons, click on the hamburger menu, chose "Import to Set" to add a new icon (it will be added to the front) Rearrange them so that they have the same order as in `org.jabref.gui.JabRefMaterialDesignIcon`. This will avoid that you have to change the code points for the existing glyphs. In the settings for your icon set, set the _Grid_ to 24. This is important to get the correct spacing. The name of the font is `JabRefMaterialDesign`. -3. Next to the icons, click on the hamburger menu and click "Select all". -4. Proceed with the font creating, set the font property name to `JabRefMaterialDesign` +3. Next to the icons, click on the hamburger menu and click "Select all". +4. Proceed with the font creating, set the font property name to `JabRefMaterialDesign` When your icon-set is ready, select all of them and download the font-package. ## Step 3. Replace the existing `JabRefMaterialDesign.ttf`