Load fonts supported by css on your system

[heiyehk]

first step

Add font-kit to your Cargo.toml.

font-kit = "0.13.0"

Step 2

Modify your main.rs.

use std::{ format, vec };
use font_kit::{error::SelectionError, source::SystemSource};

#[tauri::command]
async fn all_families() -> Vec<std::string::String> {
     //Create a system font source
     let source = SystemSource::new();

     // Get all fonts in the system
     let fonts: Result<Vec<String>, SelectionError> = source.all_families();

     //return font
     if let Ok(font) = fonts {
         font
     } else {
         vec![]
     }
}

...
invoke_handler(tauri::generate_handler![all_families])
...

third step

Used in js.

await invoke('all_families')

The output looks like this

In fact, javascript can also obtain the richer font family that comes with the system. As long as it is webview based on the Chromium kernel, it will be available, but a built-in permission window will pop up, which will be more troublesome.