icon-fonts相关内容

在 Google Maps V3 中使用图标字体作为标记

我想知道是否可以在 Google Maps V3 中使用图标字体图标(例如 Font Awesome)作为标记来替换默认标记.要在 HTML 或 PHP 文档中显示/插入它们,标记的代码是: 解决方案 在我意识到 Nathan 在上面更优雅地做了同样的事情之前,我尝试了同样的事情(使用“markerwithlabel"实用程序库 ..

图标字体:它们是如何工作的?

我知道图标字体只是字体,您可以通过调用它们的类名来获取图标,但是图标字体如何工作? 我已尝试检查 Chrome 中加载的相关图标字体资源,以查看图标字体如何显示图标(与一般字体相比),但我无法弄清楚这是如何发生的. 我也没有成功找到有关如何完成这种“图标字体技术"的资源,即使有很多 可用的图标字体.还有大量资源展示了如何将图标字体集成,但似乎没有人分享或撰写关于如何这是完成的! ..
发布时间:2021-12-15 14:55:19 前端开发

Font Awesome菜单图标的偏移为1px

我已经尝试解决这个问题了几个小时,并且我一直在寻找一个很好的解决方案,但运气不佳.它使我疯狂,喜欢填充和行高.垂直对齐没有任何作用(在此处的另一个线程中建议这样做). 基本上,我正在尝试创建一个响应式导航菜单,当轻击或单击图标时,将在菜单显示时将页面下推.我使用的是移动优先策略而不使用框架(该网站很简单,所以我觉得Bootstrap太过分了.) 但是该图标顶部似乎还多了1像素. ..
发布时间:2021-04-26 19:48:24 前端开发

图标字体在IE11中表现异常

我遇到了一个奇怪的问题,即IE中的图标字体行为不正确...具体来说,似乎浏览器显示的是与小写字符而不是大写字符相关的图标.在CSS中,使用:before选择器的content属性指定了有问题的字符. 例如,如果我们有CSS,例如: .icon-1:before { content: 'o'; } .icon-2:before { content: 'O'; } 和 ..
发布时间:2020-06-26 12:40:47 前端开发

正确的图标字体字体显示值

font-display 是新的CSS属性,允许开发人员根据字体加载速度是否足够快来控制字体的呈现方式.上面有几篇文章: 使用字体显示控制字体性能-Google Developers font-display面向大众 他们都没有提到图标字体.规范中确实有一个示例,其中提到了block值的图标字体,但对我而言,使用该字体没有任何意义: “阻止" 赋予字体较短的阻止时间段(在 ..
发布时间:2020-06-26 12:40:45 前端开发

如何将字体图标旋转45度?

我想将此字体图标旋转45度.图标具有以下CSS(所有通过LESS编译的CSS): [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { font-family: Flaticon; font-size: 2 ..
发布时间:2020-06-26 12:40:40 前端开发

Sencha Architect 3不使用app.css

我试图向我的sencha architect项目添加自定义字体图标,并删除不必要的主题类,但是Sencha Architect似乎根本不使用app.scss(位于我项目的resources/sass文件夹中).我所做的更改既不会应用到架构师中,也不会在我启动应用程序时应用. app.scss $include-pictos-font: false; $include-default- ..
发布时间:2020-06-26 12:40:36 其他开发

某些Icomoon图标无法显示

我在应用程序中使用Icomoon - 我遇到了少量图标无法显示的问题。我已经通过Icomoon应用程序下载了所有图标,这是最新版本 - 所有450都被选中。 我尝试过一个没有其他CSS的空白页面如果它是我的应用程序中的一些CSS导致它仍然无法工作。 ..
发布时间:2018-07-13 10:47:34 前端开发

使用CSS图标字体时遇到问题

我是网页设计和开发新手,一直在玩弄不同的造型技巧。在我的研究过程中,我遇到了图标字体。尽管我已经调查了大量的教程和视频,但我仍然无法成功使用图标字体,尽管花了很多时间努力。 首先,我去了提供大量图标字体的网站,选择我喜欢的图标字体,生成它们并最终将它们下载到文件夹中。但现在,这些图标字体都在一个文件夹中,我该怎么办? 解决方案 以下是一步一步的指南: / p> 转至字型松鼠和下载 @ ..
发布时间:2018-06-15 10:35:56 前端开发

如何维护SVG文件的图标字体

我们有一个图标字体(和相关的CSS代码)的图标字体包。然而,我们需要添加更多的图标,或者编辑一些当前的图标。 现在的问题是:如何在没有昂贵的字体设计软件的情况下做到这一点?我们已经为Mac购买了 Glyph Mini ,但如果您有免费的服务可以去那里,上传你的SVG文件,并得到一个新的字体文件。这样你就可以拥有一个充满SVG文件的目录,当你编辑或者添加一些东西时,你可以“编译”你自己的字体。 ..
发布时间:2018-01-06 22:26:36 前端开发

通过浏览器支持Unicode

我正在使用带按钮的CSS按钮,但没有图像。这些图标是使用unicode值生成的。 在这里,我遇到了一些浏览器不支持某些unicode值的问题。所以不是正确的图标,而是显示一些不需要的符号。 在任何浏览器中为Unicode提供支持我们必须遵循哪些步骤? 解决方案 这主要是一个字体问题,但是如果CSS中列出的字体不包含某些字符,那么不同的浏览器将会使用不同的回退字体。治愈的方法是尝试找到可 ..
发布时间:2018-01-06 22:09:33 其他开发

未加载自定义图标字体

使用gulp-iconfont-css,我试图将Material Design svg编译为字体。这是我的Gulpfile.js的一部分: gulp.task('iconfont',function(){ gulp.src(paths.svg) .pipe(iconfontCss({ fontName:'material-design',// required path:'./w ..
发布时间:2017-02-17 01:53:13 前端开发

大Iconfont图标在右侧切断

我使用来自图标字体的大图标,我的客户端作为标题徽标在网络应用程序的索引页上。该徽标大小为设备宽度的60%,由一个大圆形徽标(大约40%的图标)和下面的文本以及纵向模式下设备宽度的60%组成。 我得到的标志文字为一个向量图标字体图标,因为客户想要的文本正是品牌CI的要求。 _____ ### _____ ____ ##### ____ _____ ### _____ Slo ..
发布时间:2017-02-06 20:45:19 前端开发