1. web前端中引入的字体文件过大如何解决
要动态切换就做不到了。鱼和熊掌不能兼得。
一般缩小网页字体文件的方法就是把用到的那几个字单独的提炼出来。就是用不到的字不要放在字体文件里。需要你自己做一个字体文件。因为以前有写过一个类似的工具，就是把字体中的字提炼出来。后来不干这个了，文件也没了。这是一个常用的工具，你在网上自己找一找应该能找到很多类似的开源项目。我当时用的方法是字库文件比如ttf转换成svg字库，然后通过对应的字码调用相应的svg矢量字库，然后删除不需要的字体之后，再把svg转换成woff，eot，ttf等字体的方式。
例子的话现在就没有了。我只能给你说一下思路。希望对你有帮助。
——
像你提供的这个，如果就是一个展示，那么你完全可以用上面的所说的方法把需要的那几个字从字体文件里提出来，比如《字由棒棒体》，把那个字体提炼出来。
但是你要动态实现收入字体立马就变，这种提炼方式就不方便了。更快的的方式就是把每一个字分别做成单独的svg图形，这样利用一个字体对应svg字体，就可以不必一次性下载那么大几个M的文件了。毕竟一个字的SVG是很小的。
还有其他方案就是所有的字体做了CDN加速，本身字体文件虽然很大，但是几个M的文件如果通过提高网速，也不是实现不了。这个就是技术解决不了，用钱来凑了，毕竟CDN加速也是很贵的。
2. 如何WEB中把字体加粗
我不太清楚你到底要做什么，你贴出来的三段代码，分别表示了三段不同的 区隔标记 ，而且后两段都没有结束区域的符号，三段中也没有内容或文字，所以不知道你是想在哪一个区域把哪些文字加粗。
如果你是自己做网页，使用HTML语言，Dreamweaver里面的功能轻轻松松可以帮你实现你要的操作。
如果你是在浏览网页是看人家的源代码，你即使修改了，也只能在自己本地浏览啊，那何不用Dreamweaver打开更方便。
最后，认真回答你的问题。<DIV align="center"><FONT face="宋体"><strong>你要输入的字</strong></FONT></DIV> 是没错的，“你要输入的字”就是被加粗的部分，并在这个区域内被居中。
给你提供一些HTML代码，自己研究下吧。
标记 类型 译名或意义 作 用 备注
文件标记
<HTML> ● 文件声明 让浏览器知道这是 HTML 文件
<HEAD> ● 开头 提供文件整体资讯
<TITLE> ● 标题 定义文件标题，将显示于浏览顶端
<BODY> ● 本文 设计文件格式及内文所在
排版标记
<!--注解--> ○ 说明标记 为文件加上说明，但不被显示
<P> ○ 段落标记 为字、画、表格等之间留一空白行
<BR> ○ 换行标记 令字、画、表格等显示于下一行
<HR> ○ 水平线 插入一条水平线
<CENTER> ● 居中 令字、画、表格等显示于中间 反对
<PRE> ● 预设格式 令文件按照原始码的排列方式显示
<DIV> ● 区隔标记 设定字、画、表格等的摆放位置
<NOBR> ● 不折行 令文字不因太长而绕行
<WBR> ● 建议折行 预设折行部位
字体标记
<STRONG> ● 加重语气 产生字体加粗 Bold 的效果
<B> ● 粗体标记 产生字体加粗的效果
<EM> ● 强调标记 字体出现斜体效果
<I> ● 斜体标记 字体出现斜体效果
<TT> ● 打字字体 Courier字体，字母宽度相同
<U> ● 加上底线 加上底线 反对
<H1> ● 一级标题标记 变粗变大加宽，程度与级数反比
<H2> ● 二级标题标记 将字体变粗变大加宽
<H3> ● 三级标题标记 将字体变粗变大加宽
<H4> ● 四级标题标记 将字体变粗变大加宽
<H5> ● 五级标题标记 将字体变粗变大加宽
<H6> ● 六级标题标记 将字体变粗变大加宽
<FONT> ● 字形标记 设定字形、大小、颜色 反对
<BASEFONT> ○ 基准字形标记 设定所有字形、大小、颜色 反对
<BIG> ● 字体加大 令字体稍为加大
<SMALL> ● 字体缩细 令字体稍为缩细
<STRIKE> ● 画线删除 为字体加一删除线 反对
<CODE> ● 程式码 字体稍为加宽如<TT>
<KBD> ● 键盘字 字体稍为加宽，单一空白
<SAMP> ● 范例 字体稍为加宽如<TT>
<VAR> ● 变数 斜体效果
<CITE> ● 传记引述 斜体效果
<BLOCKQUOTE> ● 引述文字区块 缩排字体
<DFN> ● 述语定义 斜体效果
<ADDRESS> ● 地址标记 斜体效果
<SUB> ● 下标字 下标字
<SUP> ● 上标字 指数（平方、立方等）
清单标记
<OL> ● 顺序清单 清单项目将以数字、字母顺序排列
<UL> ● 无序清单 清单项目将以圆点排列
<LI> ○ 清单项目 每一标记标示一项清单项目
<MENU> ● 选单清单 清单项目将以圆点排列，如<UL> 反对
<DIR> ● 目录清单 清单项目将以圆点排列，如<UL> 反对
<DL> ● 定义清单 清单分两层出现
<DT> ○ 定义条目 标示该项定义的标题
<DD> ○ 定义内容 标示定义内容
表格标记
<TABLE> ● 表格标记 设定该表格的各项参数
<CAPTION> ● 表格标题 做成一打通列以填入表格标题
<TR> ● 表格列 设定该表格的列
<TD> ● 表格栏 设定该表格的栏
<TH> ● 表格标头 相等于<TD>，但其内之字体会变粗
表单标记
<FORM> ● 表单标记 决定单一表单的运作模式
<TEXTAREA> ● 文字区块 提供文字方盒以输入较大量文字
<INPUT> ○ 输入标记 决定输入形式
<SELECT> ● 选择标记 建立 pop-up 卷动清单
<OPTION> ○ 选项 每一标记标示一个选项
图形标记
<IMG> ○ 图形标记 用以插入图形及设定图形属性
连结标记
<A> ● 连结标记 加入连结
<BASE> ○ 基准标记 可将相对 URL 转绝对及指定连结目标
框架标记
<FRAMESET> ● 框架设定 设定框架
<FRAME> ○ 框窗设定 设定框窗
<IFRAME> ○ 页内框架 于网页中间插入框架 IE
<NOFRAMES> ● 不支援框架 设定当浏览器不支援框架时的提示
影像地图
<MAP> ● 影像地图名称 设定影像地图名称
<AREA> ○ 连结区域 设定各连结区域
多媒体
<BGSOUND> ○ 背景声音 于背景播放声音或音乐 IE
<EMBED> ○ 多媒体 加入声音、音乐或影像
其他标记
<MARQUEE> ● 走动文字 令文字左右走动 IE
<BLINK> ● 闪烁文字 闪烁文字 NC
<ISINDEX> ○ 页内寻找器 可输入关键字寻找于该一页 反对
<META> ○ 开头定义 让浏览器知道这是 HTML 文件
<LINK> ○ 关系定义 定义该文件与其他 URL 的关系
StyleSheet
<STYLE> ● 样式表 控制网页版面
<span> ● 自订标记 独立使用或与样式表同用
注：
● 表示该标记属围堵标记，即需要关闭标记如 </标记>。
○ 表示该标记属空标记，即不需要关闭标记。
IE 表示该标记只适用于 Internet Explorer。
NC 表示该标记只适用于 Netscape Communicator。
反对 表示该标记不为 W3C 所赞同，通常这标记是 IE 或 NC 自订，且己为众所支 持，只是 HTML 标准中有其它同功能或更好的选择。
弃用 表示该标记己为 W3C 所弃用，是过时的标记，但 HTML 具向下兼容的特 性，不用担心新浏览器不支援旧标记。
新 表示该标记是 HTML 4.0 中新增的。
3. 在web中如何设置字体的大小和颜色,语法是什么时候
首先font是一对常规标签，将字体文本内容放入标签内，font标签内设置color颜色+对应颜色值即可设置font标签对象内字体颜色。
4. javaweb项目怎么修改网页字体大小
使用css，例如]
<a style="font-size:16px;">16px的字体大小</a>
<a style="font-size:10px;">10px的字体大小</a>
可以把a标签改成是div的标签，这样在div里面的字体都会是默认该大小了，如：
<div style="font-size:16px;">16px的字体大小
<a href="#">这里的字体也是16px</a>
<a style="font-size:10px;">呵呵，这个不是默认的16px大小了，而是10px大小</a>
</div>
5. web前端为什么字体大小设置不了
可以设置。
1、NO1使用em在我的一些网页设计中对字体的设置很少有看到pt或者px类的单位，我想使用百分比或者相对的方式比较好，首先我想我们应该在body里面设置一个字体为百分比的单位，然后再在下文使用em值，这样能够避免很多的麻烦。2、能够避免当我们设计流动布局时习惯性的把字体设置为固定显示值。3、字体的一致性，和相对性，能够突出显示我们想要表达的内容。
还有一种是让用户可以自己来切换，这样对用户体验来说大大提高，对于某些浏览器来说，切换样式是内置的，但这类浏览器中却并没有IE的身影。所以为了可让用户可以切换文字的大小，在页面中我们必须加入相应的控制脚本。
6. web前端怎么设置字体
<h1
style="
font-family:"微软雅黑";font-size:20px;color:red;
">标题的字体设置</h1>
上面用的内联样式设置了
文字内容的字体类型是：“微软雅黑”，字体大小20像素，颜色为红色。
7. web前端怎么用iconfont 调节字体大小
iconfont的使用
平时的网页开发该如何使用iconfont？在这边微信小编给大家推荐一个工具：Iconfont-阿里巴巴矢量图标库。
WEB前端开发，图标的快速制作
8. HTML字体要怎么加粗
在word里面实现文字加粗是一件轻而易举的事。我们直接点击加粗按钮就可以完成。但是在css里面没有加粗按钮呀，那么如何实现字体加粗呢？下面小编向大家简单介绍一下。
1.使用font-weight属性
一说到在CSS里实现加粗，大家第一反应是不是使用font-weight属性。没错，这是在CSS实现加粗的方法之一。
font-weight属性的值可以是： normal 、 bold、 bolder 、 lighter 、 number。
normal: 正常的字体，相当于number为400，声明此值将取消之前任何设置
bold: 粗体，相当于number为700，也相当于html b 加粗对象的作用
bolder: IE5+特粗体
lighter: IE5+细体
number: IE5+100|200|300|400|500|600|700|800|900
这个属性我们最常用的值是bold，当然你也可以实际需要调整number数值达到自己所需的效果。
实例:
效果:
看到这个效果,你是否有这样一个疑问:怎么数值900和bold的效果差不多呀?bold不是相当于数值700吗?这是因为加粗作用是由用户端系统安装的字体的特定字体变量映射决定。系统选择最近的匹配。也就是说，用户可能看不到不同值之间的差异。
因为web前端开发在国内的火爆，所以很多人都开始自学web前端开发。但是如果一个人自学是很有难度的，可能花费了大量的时间和精力还未必可以收到效果。给你推荐一个裙，前端开发的前面是四 四五，前端开发的中间是IO 7，前端开发的后面是四 八 六。这里每天都有免费的课程可以学习，还有很多人和你一起进步，如果你是想学习的就赶紧加入，不想学习的就不要加咯.
2.html常规加粗标签
除了font-weight属性之外，我们还有方法对字体实施加粗吗？
我们先看看下面的代码:
运行:
嘿嘿!由上图我们可以看到运行效果跟font-weight属性差不多喔！因此我们可以得出：使用html标签<b></b>或<strong></strong>也能达到加粗的效果。
以上就是小编所知道的在CSS里面实现字体加粗的两种方法，两种方法都非常简单。学会以后，大家在日后的网页设置中就不愁如何加粗字体了。当然如果你还有其他实现字体加粗的方法，记得告诉小编，大家共同学习喔！
9. html怎么改变字体大小和颜色
可以用css改变字体的大小和颜色。
1、新建html文件，在body标签中添加文字，这里以p标签内容为“演示文本”为例，这时网页将会显示字体默认大小和颜色：
10. Web前端设计排版技巧有哪些
一、强调字体
字体的设计与强调在网页当中相当重要，合适的排版和适当的字体强调，不仅可以让用户快速的抓住网站中的重点，同样可以增强网站对用户的吸引力
二、单页面设计
随着互联网的发展，用户的习惯更倾向于鼠标滚轮。在用户的体验和习惯方面来讲，与其在多个页面中来回点击查看，不如直接滚轮来的方便。
三、网页色块设计
随着互联网的发展和H5的出现，网站网页的排版方式越来越倾向于简洁大方，这最根本的原因在于：用户的视觉和心理。不同的色块放在一起形成强烈的对比，要么以纯文字形式，要么以方形照片配上文字形式，这两者在一定程度上刺激了用户的视觉兴趣，进而使用户继续探索。
四、背景
网页以什么样的方式作为背景呢?纯色?渐变?图片?这三种都是可以的，但以商业化为目的展示，用照片作为网站网页的背景，不仅可以达到展示的目的，而且还可以达到强烈的视觉表达效果。这种设计方式在时尚、品牌和旅游等行业最为常见。
五、图片
简约、设计时尚、颜色对比突出，表达清楚、突出目的的大图，是很多网站开发者所追捧的。同样与枯燥的文字相比，用户也更愿意继续观赏这样的网站。
六、响应式设计
随着手机和移动端设备广泛的被人们使用，响应式设计成为目前网站开发比不可少的内容。不仅能节省开发者的成本和时间，更能方便用户在不同尺寸的设备上畅通无阻的浏览你的网站。
七、视差滚动
让多层背景以不同的速度移动，形成运动视差的3D效果，这样的效果以后很可能会在H5的网站中更加常见和流行。