3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-25 05:36:11 +02:00
Code Issues Projects Releases Packages Wiki Activity

🐛 Fix default font loading.

Browse source
This commit is contained in:
Andrey Antukh 2021-03-23 10:53:40 +01:00
parent 4729801fca
commit 60f9b47115
4 changed files with 64 additions and 113 deletions
Download patch file Download diff file Expand all files Collapse all files

53
frontend/src/app/main/fonts.cljs
View file

@ -5,21 +5,21 @@
;; This Source Code Form is "Incompatible With Secondary Licenses", as
;; defined by the Mozilla Public License, v. 2.0.
;;
;; Copyright (c) 2020 UXBOX Labs SL
;; Copyright (c) UXBOX Labs SL
(ns app.main.fonts
"Fonts management and loading logic."
(:require-macros [app.main.fonts :refer [preload-gfonts]])
(:require
[beicon.core :as rx]
[promesa.core :as p]
[okulary.core :as l]
[cuerdas.core :as str]
[app.util.dom :as dom]
[app.util.timers :as ts]
[app.common.data :as d]
[app.util.dom :as dom]
[app.util.object :as obj]
[app.util.timers :as ts]
[beicon.core :as rx]
[clojure.set :as set]
[app.util.object :as obj]))
[cuerdas.core :as str]
[okulary.core :as l]
[promesa.core :as p]))
(def google-fonts
(preload-gfonts "fonts/gfonts.2020.04.23.json"))
@ -28,20 +28,17 @@
[{:id "sourcesanspro"
:name "Source Sans Pro"
:family "sourcesanspro"
:variants [{:id "100" :name "100" :weight "100" :style "normal"}
{:id "100italic" :name "100 (italic)" :weight "100" :style "italic"}
{:id "200" :name "200" :weight "200" :style "normal"}
{:id "200italic" :name "200 (italic)" :weight "200" :style "italic"}
{:id "300" :name "300" :weight "300" :style "normal"}
{:id "300italic" :name "300 (italic)" :weight "300" :style "italic"}
{:id "regular" :name "regular" :weight "400" :style "normal"}
{:id "italic" :name "italic" :weight "400" :style "italic"}
{:id "500" :name "500" :weight "500" :style "normal"}
{:id "500italic" :name "500 (italic)" :weight "500" :style "italic"}
{:id "bold" :name "bold" :weight "bold" :style "normal"}
{:id "bolditalic" :name "bold (italic)" :weight "bold" :style "italic"}
{:id "black" :name "black" :weight "900" :style "normal"}
{:id "blackitalic" :name "black (italic)" :weight "900" :style "italic"}]}])
:variants
[{:id "200" :name "200" :weight "200" :style "normal" :suffix "extralight"}
{:id "200italic" :name "200 (italic)" :weight "200" :style "italic" :suffix "extralightitalic"}
{:id "300" :name "300" :weight "300" :style "normal" :suffix "light"}
{:id "300italic" :name "300 (italic)" :weight "300" :style "italic" :suffix "lightitalic"}
{:id "regular" :name "regular" :weight "400" :style "normal"}
{:id "italic" :name "italic" :weight "400" :style "italic"}
{:id "bold" :name "bold" :weight "bold" :style "normal"}
{:id "bolditalic" :name "bold (italic)" :weight "bold" :style "italic"}
{:id "black" :name "black" :weight "900" :style "normal"}
{:id "blackitalic" :name "black (italic)" :weight "900" :style "italic"}]}])
(defonce fontsdb (l/atom {}))
(defonce fontsview (l/atom {}))
@ -75,7 +72,6 @@
[backend]
(get @fontsview backend))
;; --- Fonts Loader
(defonce loaded (l/atom #{}))
@ -93,12 +89,6 @@
variants (str/join "," (map :id variants))]
(str base ":" variants "&display=block")))
(defn font-url [font-id font-variant-id]
(let [{:keys [backend family] :as entry} (get @fontsdb font-id)]
(case backend
:google (gfont-url family {:id font-variant-id})
(str "/fonts/" family "-" (or font-variant-id "regular") ".woff"))))
(defmulti ^:private load-font :backend)
(defmethod load-font :builtin
@ -140,8 +130,3 @@
(or
(d/seek #(or (= (:id %) "regular") (= (:name %) "regular")) variants)
(first variants)))
(defn fetch-font [font-id font-variant-id]
(let [font-url (font-url font-id font-variant-id)]
(-> (js/fetch font-url)
(p/then (fn [res] (.text res))))))

25
frontend/src/app/main/ui/shapes/text/embed.cljs
View file

@ -5,7 +5,7 @@
;; This Source Code Form is "Incompatible With Secondary Licenses", as
;; defined by the Mozilla Public License, v. 2.0.
;;
;; Copyright (c) 2020-2021 UXBOX Labs SL
;; Copyright (c) UXBOX Labs SL
(ns app.main.ui.shapes.text.embed
(:require
@ -26,7 +26,7 @@
font-style: %(style)s;
font-weight: %(weight)s;
font-display: block;
src: url(/fonts/%(family)s-%(style)s.woff) format('woff');
src: url(/fonts/%(family)s-%(suffix)s.woff) format('woff');
}
")
@ -42,10 +42,19 @@
(defn get-local-font-css
[font-id font-variant-id]
(let [{:keys [family variants] :as font} (get @fonts/fontsdb font-id)
{:keys [name weight style] :as variant} (d/seek #(= (:id %) font-variant-id) variants)]
(-> (str/format font-face-template {:family family :style style :width weight})
{:keys [name weight style suffix] :as variant} (d/seek #(= (:id %) font-variant-id) variants)]
(-> (str/format font-face-template {:family family :suffix (or suffix font-variant-id) :width weight})
(p/resolved))))
(defn fetch-font-css
[font-id font-variant-id]
(let [{:keys [backend family] :as entry} (get @fonts/fontsdb font-id)]
(if (= :google backend)
(-> (fonts/gfont-url family [{:id font-variant-id}])
(js/fetch)
(p/then (fn [res] (.text res)))))
(get-local-font-css font-id font-variant-id)))
(defn get-text-font-data [text]
(->> text
(re-seq #"url\(([^)]+)\)")
@ -54,11 +63,9 @@
(p/all)))
(defn embed-font [{:keys [font-id font-variant-id] :or {font-variant-id "regular"}}]
(let [{:keys [backend]} (get @fonts/fontsdb font-id)]
(p/let [font-text (case backend
:google (fonts/fetch-font font-id font-variant-id)
(get-local-font-css font-id font-variant-id))
url-to-data (get-text-font-data font-text)
(let [{:keys [backend family]} (get @fonts/fontsdb font-id)]
(p/let [font-text (fetch-font-css font-id font-variant-id)
url-to-data (get-text-font-data font-text)
replace-text (fn [text [url data]] (str/replace text url data))]
(reduce replace-text font-text url-to-data))))