feat: support loading woff2 font in Wasm

Cargo.toml

@@ -22,6 +22,7 @@ pathfinder_content = { version = "0.5.0", default-features = false }
 pathfinder_simd = { version = "0.5.1", features = ["pf-no-simd"] }
 futures = "0.3.21"
 usvg-writer = { git = "https://github.com/zimond/resvg", rev = "6201182c" }
+woff2 = "0.3.0"
 
 [target.'cfg(all(not(all(target_os = "linux", target_arch = "aarch64", target_env = "musl")), not(all(target_os = "windows", target_arch = "aarch64")), not(target_arch = "wasm32")))'.dependencies]
 mimalloc-rust = { version = "0.2" }
@@ -57,3 +58,4 @@ codegen-units = 1
 
 [patch.crates-io]
 resvg = { git = "https://github.com/zimond/resvg", rev = "6201182c" }
+woff2 = { git="https://github.com/yisibl/woff2-rs", branch="fix-total-compressed-size" }

__test__/wasm.spec.ts

@@ -309,6 +309,27 @@ test('should be load custom multiple fontBuffers', async (t) => {
   t.is(originPixels.join(',').match(/0,0,255/g)?.length, 8938)
 })
 
+test('should be load custom WOFF2 font', async (t) => {
+  const svg = `
+  <svg xmlns="http://www.w3.org/2000/svg" width="500" height="200" viewBox="0 0 500 200">
+    <text fill="blue" font-size="60">
+      <tspan x="40" y="100">Hello resvg-js</tspan>
+    </text>
+  </svg>
+  `
+  const pacificoBuffer = await fs.readFile(join(__dirname, '../wasm/fonts/', 'Pacifico-Regular.woff2'))
+  const resvg = new Resvg(svg, {
+    font: {
+      fontBuffers: [pacificoBuffer],
+    },
+  })
+  const pngData = resvg.render()
+  const originPixels = Array.from(pngData.pixels)
+
+  // Find the number of blue `rgb(0,255,255)`pixels
+  t.is(originPixels.join(',').match(/0,0,255/g)?.length, 6067)
+})
+
 test('should generate a 80x80 png and opaque', async (t) => {
   const svg = `<svg width="200px" height="200px" viewBox="0 0 200 200" version="1.1" xmlns="http://www.w3.org/2000/svg">
     <rect fill="green" x="0" y="0" width="100" height="100"></rect>

src/fonts.rs

@@ -14,6 +14,9 @@ use resvg::usvg_text_layout::fontdb::{Family, Query, Source};
 #[cfg(target_arch = "wasm32")]
 use wasm_bindgen::JsCast;
 
+#[cfg(target_arch = "wasm32")]
+use woff2::decode::{convert_woff2_to_ttf, is_woff2};
+
 /// Loads fonts.
 #[cfg(not(target_arch = "wasm32"))]
 pub fn load_fonts(font_options: &JsFontOptions) -> Database {
@@ -62,7 +65,13 @@ pub fn load_wasm_fonts(
         for font in font_buffers.values().into_iter() {
             let raw_font = font?;
             let font_data = raw_font.dyn_into::<js_sys::Uint8Array>()?.to_vec();
-            fontdb.load_font_data(font_data);
+
+            let font_buffer = if is_woff2(&font_data) {
+                convert_woff2_to_ttf(&mut std::io::Cursor::new(font_data)).unwrap()
+            } else {
+                font_data
+            };
+            fontdb.load_font_data(font_buffer);
         }
     }