local fonts

examples/local_fonts.rb

@@ -0,0 +1,4 @@
+Scarpe.app do
+  font "fonts/Pacifico.ttf"
+  para "Hello yayyy"
+end

lib/scarpe/font.rb

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+
+class Scarpe
+  class Font < Scarpe::Widget
+    display_properties :font
+
+    def initialize(font)
+      @font = font
+      super
+
+      create_display_widget
+    end
+  end
+end

lib/scarpe/widgets.rb

@@ -30,3 +30,4 @@
 require_relative "text_widget"
 require_relative "link"
 require_relative "line"
+require_relative "font"

lib/scarpe/wv.rb

@@ -37,3 +37,4 @@
 require_relative "wv/text_widget"
 require_relative "wv/link"
 require_relative "wv/line"
+require_relative "wv/font"

lib/scarpe/wv/font.rb

@@ -0,0 +1,35 @@
+# frozen_string_literal: true
+
+require_relative "../base64"
+
+class Scarpe
+  class WebviewFont < WebviewWidget
+    include Base64
+    attr_accessor :font
+
+    def initialize(properties)
+      @font = properties[:font]
+      puts "font: #{@font}"
+      super
+    end
+
+    def element
+      puts @font
+      HTML.render do |h|
+        h.link(href: @font, rel: "stylesheet")
+        h.style do
+          <<~CSS
+            @font-face {
+              font-family: Pacifico;
+              src: url("data:font/truetype;base64,#{encode_file_to_base64(@font)}") format('truetype');
+            }
+            * {
+              font-family: Pacifico;
+            }
+          CSS
+        end
+        # Rest of the HTML code for the element
+      end
+    end
+  end
+end

lib/scarpe/wv/html.rb

@@ -2,8 +2,8 @@
 
 class Scarpe
   class HTML
-    CONTENT_TAGS = [:div, :p, :button, :ul, :li, :textarea, :a, :strong, :em, :code, :u, :line, :span, :svg].freeze
-    VOID_TAGS = [:input, :img, :polygon, :path].freeze
+    CONTENT_TAGS = [:div, :p, :button, :ul, :li, :textarea, :a, :strong, :style, :em, :code, :u, :line, :span, :svg].freeze
+    VOID_TAGS = [:input, :img, :polygon, :link, :path].freeze
     TAGS = (CONTENT_TAGS + VOID_TAGS).freeze
 
     class << self