html5移动开发中文字体，移动端h5页面字体规范

怎样采用Html5+phonegap开发字体啊?

下载PhoneGap最新版本 下载地址：http：//phonegap.com/download/ 我下载的版本为下载解压到自定义文件夹。打开本地终端。（因为我是做IOS移植的，所以这里只介绍有关IOS平台下的搭建环境。

到国外官网下载到PhoneGap 0.0，解压待用。 在myEclipse中新建正常的Android Application，在根目录下新建文件夹 libs，将解压好的PhoneGap 中\lib\android 目录下的jar文件拷贝到libs，改名为phonegap.jar。

将PhoneGap编译为android项目。将上述项目导入ADT进行后续开发。具体步骤如下：安装并配置android开发环境：去下载最新版的ADT到本机，将其解压到相应的目录。

框架：PhoneGap官网：简介：PhoneGap是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。

推荐两个html5在手机app开发方面好的框架：phonegap + sencha。sencha touch是一个html5的重型框架，自带组件较多，一般应用可以凑合着使。phonegap可以将html5的应用本地化。解决了纯html5应用不能调用本地机器接口的问题。

相关问答

Q1: 如何在移动设备上调试html5开发的网页

在移动设备上调试html5开发的网页的方法(以苹果开发者为例来说明)：手机端设置：打开设置→Safari→高级→Web检查器→开。mac端打开调试：Safari→偏好设置→高级→在菜单栏中显示“开发”菜单。

打开设置 → Safari → 高级 → Web 检查器 → 开。下载node-webkit技术打包成客户端，其实内部实现都是web 页面与nodejs技术，所以特别符合前端B格。

在打开的下拉菜单中点击“设置”菜单项。在打开的设置菜单页面，找到“新标签页打开方式”设置项，默认为“热门站点”菜单项。

你好 如果需要在移动设备上直接浏览的话就需要配置服务器，如果嫌麻烦的话可以直接下载 phpStudy 这个软件包含了Apache服务器，PHP，MYSQL数据库。

开发时可以用电脑浏览器模拟responsive 调试，如果网站已经发布可以直接用移动设备的浏览器访问。一般在移动设备上调试html5的网页，主要是调试css，看看显示是否有问题再去做相应的调整。

Q2: html5触屏版对手机系统默认字体处理有解决方法么

可以看一下这个数字的标签是什么然后重定义一下，如果不想找或者是找不到那就用最简单的方法就是把所有的标签都重定义一下字体颜色，代码如下： *{ color：#000； } //将所有标签的默认颜色重定义为黑色。

图标一般比较小，用实际像素就可以，图片用百分比，字体的话感觉不用设置，因为手机自带的字体会覆盖掉你的字体。你可以参考一下百度、淘宝等网站的手机版网站，可以用开发者工具来看（例如chrome浏览器右击审查元素）。

输入框获得焦点时，placeholder 没有变化，只有当输入框中输入了内容时，placeholder 才消失（这也是主流做法）；而在 Safari 和 IE9+ 或其他使用以上两种内核的浏览器中，当输入框获得焦点时，placeholder 便会消失。

英文的话应该不慢，中文的话直接放弃吧，中文字库太大了，通过css载入是不现实的。

Q3: 如何在移动端上,也就是在手机上开发HTML?

标签可以在各种浏览器上使用，包括移动设备。HTML5Widget HTML5的表单模块，包括日历，调色板，滑动部件，客户端验证等。Webforms2 HTML5表单属性的支持，例如pattern、required和autofocus。

Dcoder Dcoder：Android上的代码编辑器，支持33种语言语法高亮，亮点是支持代码调试，可以把运行结果和错误输出在同一个屏幕，很强大。

框架：PhoneGap官网：简介：PhoneGap是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。

Q4: html5移动端文章内容用什么字体大小

1、PC端网页当中默认字体为宋体，我们再设计时候需要注意最小中文字12像素必须选择宋体，字的属性选择无。因为中文字只有12像素宋体效果无才能看清。大于114我们一般用黑体。最小英文Arial可以是9像素一般很少用。

2、em是字体的宽度，也就是一个字体宽12px，那么em=12px；字体为15px，em=15px；一般用来动态控制字体外的区块大小去适应字体，而不是用来设置字体的大小的。

3、html{ font-size： 65%；} body{ font-size： 2rem； //2rem = 12px；} 代码仅供参考，2rem还是4rem还是其他看你的设计中对字体的大小需求。

Q5: 我用HTML5做手机网页,如何设置字体大小以适合各种设备?

1、解决方案1：p首先你要在html页面头部加上下面的代码；viewport，不懂可以百度；content=，一些小的模块可以用固定尺寸；meta ， name=。再就是css中要应用到媒体查询，不能不用固定尺寸。

2、先在HTML网页编写一些测试的文字。然后在网页预览文字初始的字体效果，颜色是黑色，大小比较小。因为测试文字是在body标签内的，所以我们要对body标签设置css属性就可以了。

3、在已安装的电脑桌面新建一个Word文档（演示文稿以Office2007系列为主），然后打开新建的文档，输入文字。

html5移动开发中文字体的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于移动端h5页面字体规范、html5移动开发中文字体的信息别忘了在本站进行查找喔。