1.2.5: text font picker + 7 bundled Google fonts + default text fill black

- New src/lib/fonts.ts: curated set (Inter, Roboto, Lora, Playfair
  Display, Bebas Neue, Source Code Pro, Permanent Marker) shipped as
  local .woff2 in public/fonts/. loadFonts() registers them via
  FontFace at app start; fontsReady ref re-triggers Konva text configs
  once fonts resolve so the first paint isn't stuck on the fallback.
- TextAsset gets optional fontFamily (id; undefined = system sans).
  PropertiesPanel adds a font dropdown next to font size.
- All five render sites read the family: CanvasStage textConfig +
  clipTextConfig (Konva), drawLayer + drawMaskShape (canvas2d),
  exportPlayer engine (uses an embedded FONT_FAMILIES map and fontFam
  helper; runtime version 27 → 28).
- Example HTML export now lists used bundled fonts and prints the
  @font-face CSS the user has to paste alongside the .woff2 files —
  fonts themselves are NOT bundled into the export to keep it small.
- Default text fill changed from yellow #f5d76e to black #000000 in
  both the main sidebar and the SVG-scope add-text path.
- 8 new tests under "text font picker — model + render + export".

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/components/PropertiesPanel.vue

@@ -19,6 +19,7 @@ import type { Action, AnimatableProps, Layer } from '@/types/scene'
 import RangeSlider from './RangeSlider.vue'
 import ActionEditor from './ActionEditor.vue'
 import { t } from '@/i18n'
+import { AVAILABLE_FONTS } from '@/lib/fonts'
 
 const SECTION_STORAGE_KEY = 'animatr:propSections'
 
@@ -137,6 +138,14 @@ const textAsset = computed(() => {
   return a && a.kind === 'text' ? a : null
 })
 
+const textFontModel = computed({
+  get: () => textAsset.value?.fontFamily ?? 'system-sans',
+  set: (id: string) => {
+    if (!textAsset.value) return
+    textAsset.value.fontFamily = id === 'system-sans' ? undefined : id
+  },
+})
+
 const polygonAsset = computed(() => {
   const a = selectedAsset.value
   return a && a.kind === 'polygon' ? a : null
@@ -484,8 +493,14 @@ function deleteSelection() {
           <span>{{ t('properties.sections.text') }}</span>
         </button>
         <div v-if="sectionOpen.text" class="group-body">
-          <label>Text<input type="text" v-model="textAsset.text" /></label>
-          <label>Font Size<input type="number" min="1" v-model.number="textAsset.fontSize" /></label>
+          <label>{{ t('properties.text.text') }}<input type="text" v-model="textAsset.text" /></label>
+          <label>{{ t('properties.text.fontSize') }}<input type="number" min="1" v-model.number="textAsset.fontSize" /></label>
+          <label>
+            {{ t('properties.text.font') }}
+            <select v-model="textFontModel">
+              <option v-for="f in AVAILABLE_FONTS" :key="f.id" :value="f.id">{{ f.label }}</option>
+            </select>
+          </label>
         </div>
       </section>