带有TideSDK的Google Webfonts [英] Google Webfonts with TideSDK

问题描述

刚刚发现了TideSDK，并期待即将推出的1.4.0版本.我正在使用32位Windows 7上的TideSDK开发人员，并已启动并运行HelloWorld应用...现在，我尝试许多CSS3/HTML5代码段以查看当前beta版本的运行方式很有趣.尝试使用Google webfonts似乎无效...这是正确的吗?我看到了有关使用Appcelerator Titanium在Windows上使用字体的(旧)讨论，但不知道当前状态.预期这将包含在即将发布的版本中吗?我对该项目非常热衷(在目前的完成水平下，它已经很棒！！)在我对TideSDK有了更好的了解之后，我计划为Windows/Mac开发一个桌面应用程序.我将使用jQuery并使用类似于网页的技术来设计应用的用户界面，而不必与多个HTML5/CSS3实现打架！感谢您对(Google)字体使用的任何建议.

Have just discovered TideSDK and look forward to the upcoming 1.4.0 build. I am utilizing the TideSDK Developer on Windows 7 32-bit and have the HelloWorld app up and running... now I am having fun trying lots of CSS3/HTML5 code snippets to see what works with the current beta release. Trying to use Google webfonts does not seem to work... is this correct? I saw (old) discussions about font usage on windows with appcelerator Titanium, but don't know the current status. Is this expected to be included in the upcoming release? I am very enthused about this project (at it's current level of completion, it is already amazing !!!) I plan to develop a desktop application for Windows/Mac after I get a better understanding of TideSDK. I will be using jQuery and designing the app's UI with webpage-like techniques, and not having to fight multiple HTML5/CSS3 implementations will be great! Thanks for any suggestions about (Google) font usage.

推荐答案

尽管即将发布的版本可能会解决字体使用问题(包括Google字体)，但我发现 带有SVG字体的@ font-face可与当前(1.3.1)TideSDK版本一起使用. 例如，从Font Squirrel下载TangerineBold"Font Kit"-只需要SVG字体. 然后在样式表中添加以下内容:

Although upcoming release may solve font usage issues (to include Google fonts), I found that @font-face with SVG fonts works with current (1.3.1) TideSDK release. For example, download TangerineBold "Font Kit" from Font Squirrel -- only need the SVG font. Then include the following in your style sheet:

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

和样式元素具有:

font-family: 'TangerineBold';

进一步的解释(添加3/19/2013 ):我在博客上的TideSDK 1.3.1-beta中提供了有关自定义字体用法的更多详细信息href ="http://www.neologotech.com/2013/03/19/custom-fonts-in-windows-desktop-apps-created-with-tidesdk-1-3-1-beta/" rel ="nofollow >这里

Further explanation (added 3/19/2013): I have given more details of custome font usage in TideSDK 1.3.1-beta on my blog, here

这篇关于带有TideSDK的Google Webfonts的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！