网页设计笔记

网页设计笔记

我小组翻译中负责的内容:

particularly if you invest in creating custom icon fonts that contain only the icons you are likely to use.

特别是如果您投入于创建只包含您可能使用的图标的自定义图标字体。

Free icon fonts such as Font Awesome (originally developed for Twitter Bootstrap) are a great resource, but there is little point in downloading hundreds of icons when you are probably using only ten or fifteen of them in your site.

免费图标字体,例如Font Awesome(最初开发的Twitter Bootstrap)是一个很棒的资源,但是,当你可能只在你的网站上使用10或15个图标时,下载数百个图标就没什么意义了。

Icon font utilities such as IcoMoon (icomoon.io) allow you to create custom icon fonts, and can also convert SVG icons and symbols to font characters.

图标字体工具如IcoMoon(icomoon.io)允许您创建自定义图标的字体,还可以将SVG图标和符号转换为字体字符。

我出的题目:

SVG与响应式web设计:内联SVG

题干:在RWD2_7.5章节里,作者介绍了关于内联SVG的方法,下列选项中哪一个说法是正确的?
  • 答案
  • 由于SVG仅仅是一个XML文档,所以你可以直接将它插入到HTML中。
  • 如果你删除掉SVG元素的width和height属性,SVG就会自动缩放来填满容器。
  • [√] 使用内联SVG后,不可以根据上下文来改变SVG的颜色。
  • [√] 如果每个页面都要添加庞大的符号集合,我们可以使用xlink属性链接到外部的SVG文件,并且抓取你想要使用的部分。

  • 通用反馈:

    见p.146 RWD2_7.5中的内联SVG部分。 使用内联SVG后,你可以根据上下文来改变SVG的颜色。如果每个页面都要添加庞大的符号集合,我们可以使用use元素链接到外部的SVG文件,并且抓取你想要使用的部分。