zlgopen / awtk-web

在浏览器中运行AWTK应用程序
GNU Lesser General Public License v2.1
23 stars 9 forks source link

无法显示除缺省字体外的其他字体 #10

Closed Tracker647 closed 2 months ago

Tracker647 commented 2 months ago

简单用awtk designer开了一个项目专门用来测试字体: web展示: image

桌面展示: image

示例xml:

<window name="home_page">
  <label name="label" x="406" y="230" w="160" h="28" style:normal:text_color="#0070C0" style:normal:font_name="Times_New_Roman" style:normal:border_color="#FF0000" style:normal:text_align_h="right" text="Label"/>
  <label name="label1" x="216" y="123" w="160" h="48" style:normal:font_size="25" style:normal:text_color="#FFC000" style:normal:font_name="DejaVuSans" style:normal:border_color="#FF0000" style:normal:text_align_h="center" style:normal:text_align_v="top" text="Label"/>
  <label name="label2" x="210" y="313" w="173" h="68" style:normal:font_size="18" style:normal:text_color="#00B050" style:normal:font_name="Inkfree" style:normal:border_color="#FF0000" style:normal:text_align_v="bottom" text="Label"/>
  <label name="label" x="33" y="230" w="160" h="28" style:normal:text_color="#FF0000" style:normal:font_name="CascadiaCode" style:normal:border_color="#FF0000" style:normal:text_align_h="left" text="Label"/>
  <label name="label1" x="216" y="230" w="160" h="48" style:normal:font_size="32" style:normal:text_color="#7030A0" style:normal:font_name="default" style:normal:border_color="#FF0000" style:normal:text_align_h="center" style:normal:text_align_v="middle" text="Label"/>
</window>

看了浏览器的Log是有正常加载font的,问下这是bug还是有什么设置方法。 image

源代码zip: AwtkApplication5.zip

Tracker647 commented 2 months ago

再改了一下程序,只对比缺省字体和有设置字体(courier New),对齐大小均为默认设置,发现到了浏览器全部会变成sanif字体,其他字体无法加载。 桌面端: image web: image

xml:

<window name="home_page">
  <label name="label1" x="216" y="230" w="160" h="48" style:normal:font_size="18" style:normal:text_color="#7030A0" style:normal:font_name="Courier_New" style:normal:border_color="#FF0000" style:normal:text_align_h="center" style:normal:text_align_v="middle" text="Label"/>
  <label name="label1" x="418" y="230" w="160" h="48" style:normal:font_size="18" style:normal:text_color="#7030A0" style:normal:font_name="default" style:normal:border_color="#FF0000" style:normal:text_align_h="center" style:normal:text_align_v="middle" text="Label"/>
</window>
xianjimli commented 2 months ago

我用awtk-hello测试是可以的,你看看awtk-hello。