closes #579 Change default fonts in preferences

.circleci/config.yml

@@ -6,6 +6,11 @@ jobs:
     working_directory: /var/opt/app
     steps:
       - checkout
+      - run:
+          name: python
+          command: |
+            apt-get update
+            apt-get install -y python build-essential libfontconfig-dev
       - restore_cache:
           name: Restoring cache - node_modules
           keys:

README.md

@@ -87,6 +87,9 @@ We'd love you to contribute to Whalebird.
 $ git clone https://github.com/h3poteto/whalebird-desktop.git
 $ cd whalebird-desktop
 
+# Install font config
+$ sudo apt-get install libfontconfig-dev
+
 # install dependencies
 $ npm install
 

package.json

@@ -38,8 +38,9 @@
     "pack:renderer": "cross-env NODE_ENV=production webpack --progress --colors --config .electron-vue/webpack.renderer.config.js",
     "test": "npm run unit && npm run e2e",
     "unit": "karma start test/unit/karma.conf.js",
-    "postinstall": "npm run lint:fix",
-    "mocha": "BABEL_ENV=test mocha --require babel-register --recursive ./test/mocha/**/*.js"
+    "postinstall": "npm run lint:fix && npm run electron-rebuild",
+    "mocha": "BABEL_ENV=test mocha --require babel-register --recursive ./test/mocha/**/*.js",
+    "electron-rebuild": "./node_modules/.bin/electron-rebuild"
   },
   "build": {
     "productName": "Whalebird",
@@ -104,6 +105,7 @@
     "electron-window-state": "^4.1.1",
     "element-ui": "^2.4.7",
     "emojilib": "^2.3.0",
+    "font-manager": "^0.3.0",
     "hawk": "^7.0.7",
     "hoek": "^5.0.3",
     "i18next": "^11.5.0",
@@ -153,6 +155,7 @@
     "electron-debug": "^1.4.0",
     "electron-devtools-installer": "^2.2.4",
     "electron-packager": "^12.0.2",
+    "electron-rebuild": "^1.8.2",
     "eslint": "^5.2.0",
     "eslint-config-standard": "^12.0.0-alpha.0",
     "eslint-friendly-formatter": "^4.0.1",

src/config/locales/de/translation.json

@@ -116,6 +116,7 @@
         "wrapper_mask_color": "Modal wrapper"
       },
       "font_size": "Schriftgröße",
+      "font_family": "Font family",
       "display_style": {
         "title": "Anzeigestil",
         "display_name_and_username": "Anzeige- und Benutzername",

src/config/locales/en/translation.json

@@ -116,6 +116,7 @@
         "wrapper_mask_color": "Modal wrapper"
       },
       "font_size": "Font size",
+      "font_family": "Font family",
       "display_style": {
         "title": "Display style of username",
         "display_name_and_username": "Display name and username",

src/config/locales/fr/translation.json

@@ -116,6 +116,7 @@
         "wrapper_mask_color": "Modal wrapper"
       },
       "font_size": "Taille des caractères",
+      "font_family": "Font family",
       "display_style": {
         "title": "Format d'affichage",
         "display_name_and_username": "Nom et utilisateur⋅trice",

src/config/locales/ja/translation.json

@@ -116,6 +116,7 @@
         "wrapper_mask_color": "モーダル背景"
       },
       "font_size": "フォントサイズ",
+      "font_family": "フォント",
       "display_style": {
         "title": "ユーザ名の表示形式",
         "display_name_and_username": "表示名+ユーザー名",