带有 TideSDK 的 Google Webfonts答案

【问题标题】：Google Webfonts with TideSDK带有 TideSDK 的 Google Webfonts
【发布时间】：2013-01-02 11:36:43
【问题描述】：

刚刚发现 TideSDK，期待即将到来的 1.4.0 版本。我在 Windows 7 32 位上使用 TideSDK 开发人员并启动并运行 HelloWorld 应用程序......现在我很开心尝试大量 CSS3/HTML5 代码 sn-ps 以查看当前 beta 版本的工作原理。尝试使用 Google webfonts 似乎不起作用......这是正确的吗？我在带有 appcelerator Titanium 的 Windows 上看到了关于字体使用的（旧）讨论，但不知道当前状态。预计这将包含在即将发布的版本中吗？我对这个项目非常感兴趣（在目前的完成水平上，已经很了不起了！！！）我计划在对 TideSDK 有更好的了解之后开发一个适用于 Windows/Mac 的桌面应用程序。我将使用 jQuery 并使用类似网页的技术设计应用程序的 UI，而不必与多个 HTML5/CSS3 实现作斗争会很棒！感谢您提供有关（Google）字体使用的任何建议。

【问题讨论】：

标签： font-face embedded-fonts google-webfonts tidesdk

【解决方案1】：

TideSDK 当前版本确实包含较旧的 webkit。因此，最新的 html5/css3 支持可能会少一些。随着新的 webkit 即将发布，它会得到解决，所以我们应该在每个平台上获得最新的 webkit 构建，提供最大的标准支持。

【讨论】：

感谢您的快速响应...我会关注 1.4.0 版本！
更新：SVG 字体文件可以与当前 1.3.1 版本的 TideSDK 一起使用。免费的 SVG 字体可从 Font Squirrel 和其他地方获得。例如：@font-face { font-family: 'TangerineBold'; src: url('Tangerine_Bold-webfont.svg#TangerineBold') 格式('svg');字体粗细：正常；字体样式：正常； }

【解决方案2】：

虽然即将发布的版本可能会解决字体使用问题（包括 Google 字体），但我发现带有 SVG 字体的 @font-face 适用于当前 (1.3.1) TideSDK 版本。例如，从 Font Squirrel 下载 TangerineBold “Font Kit”——只需要 SVG 字体。然后在您的样式表中包含以下内容：

@font-face { 
   font-family: 'TangerineBold'; 
     src: url('Tangerine_Bold-webfont.svg#TangerineBold') format('svg'); 
     font-weight: normal; 
     font-style: normal; 
}

和样式元素：

font-family: 'TangerineBold';

进一步解释（于 2013 年 3 月 19 日添加）：我在我的博客 @987654321 上提供了 TideSDK 1.3.1-beta 中自定义字体使用的更多详细信息@

【讨论】：