Merge branch 'master' of https://github.com/pourmand1376/obsidian-custom-font

Author: pourmand1376

.github/workflows/pages.yml

@@ -0,0 +1,50 @@
+name: Deploy to GitHub Pages
+
+on:
+  push:
+    branches: [ "master" ]
+  pull_request:
+    branches: [ "master" ]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+jobs:
+  # Build job
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      
+      - name: Setup Pages
+        uses: actions/configure-pages@v4
+      
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: './docs'
+
+  # Deployment job
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

README.md

@@ -39,6 +39,18 @@ So no matter what device you use Obsidian on, you can customize your notes with
 - Custom CSS Style Support: You can apply the font to anywhere you want!
 - Ability to set custom font on specific pages (See [#7](https://github.com/pourmand1376/obsidian-custom-font/issues/7))
 
+## Web-based Font Converter
+
+**[🌐 Font to Base64 CSS Converter](https://pourmand1376.github.io/obsidian-custom-font/)**
+
+Use our web-based tool to convert font files to base64-encoded CSS without installing the plugin! Perfect for users who want just the conversion functionality or experience performance issues with the full plugin.
+
+Features:
+- Convert .woff, .ttf, .woff2, and .otf font files
+- Multiple CSS output options (Obsidian variables, custom classes, force styles)
+- Copy to clipboard or download CSS files
+- No installation required - works in any modern browser
+
 ## Issues and Pull-Requests
 
 This idea of this plugin just recently came into my mind. I don't know what features would be useful to you. Issues and pull requests are highly appreciated.

_config.yml

@@ -0,0 +1 @@
+source: docs

docs/README.md

@@ -0,0 +1,58 @@
+# Font to Base64 CSS Converter
+
+A web-based tool that converts font files (.woff, .ttf, .woff2, .otf) to base64-encoded CSS for use with Obsidian. This tool extracts the core font conversion functionality from the [Obsidian Custom Font Plugin](https://github.com/pourmand1376/obsidian-custom-font) and makes it available as a standalone web application.
+
+## Live Demo
+
+🌐 **[Use the converter here](https://pourmand1376.github.io/obsidian-custom-font/)**
+
+## Features
+
+- **Multiple font format support**: .woff, .ttf, .woff2, and .otf files
+- **Drag & drop interface**: Easy file upload with visual feedback
+- **Multiple CSS output options**:
+  - Default CSS (Obsidian CSS variables)
+  - Custom CSS class
+  - Force style (applies to all elements)
+- **Batch processing**: Convert multiple fonts at once
+- **Copy to clipboard**: One-click copying of generated CSS
+- **Download option**: Save CSS as a file for later use
+- **Mobile friendly**: Responsive design that works on all devices
+
+## How to Use
+
+1. **Upload fonts**: Select or drag and drop your font files
+2. **Choose output format**: Select how you want the CSS structured
+3. **Convert**: Click the "Convert to CSS" button
+4. **Copy or download**: Get your base64-encoded CSS ready for use
+
+## For Obsidian Users
+
+1. Copy the generated CSS
+2. Save it as a `.css` file in your vault's `.obsidian/snippets/` folder
+3. Enable the CSS snippet in Obsidian's Appearance settings
+
+## Why Use This Tool?
+
+This web-based converter is perfect for:
+- Users who only need font conversion without the full plugin
+- Those experiencing performance issues with the complete plugin
+- Quick one-time font conversions
+- Users who prefer lightweight solutions
+
+## Technical Details
+
+The converter uses the same core logic as the Obsidian Custom Font Plugin:
+- Reads font files as ArrayBuffer
+- Converts to base64 encoding
+- Generates proper CSS @font-face declarations
+- Provides appropriate MIME types for each font format
+
+## Privacy
+
+All processing happens locally in your browser. Font files are never uploaded to any server, ensuring your fonts remain private and secure.
+
+## Related
+
+- [Obsidian Custom Font Plugin](https://github.com/pourmand1376/obsidian-custom-font) - The full plugin this tool is based on
+- [GitHub Issue #23](https://github.com/pourmand1376/obsidian-custom-font/issues/23) - The request that inspired this tool