标签: font-awesome
如何使这种加载叠加效果响应？
我正在尝试使用中间的旋转图标进行加载叠加效果.我用fontawesome.所以我编写了这个:http://jsfiddle.net/eys3d/7/
它有效,但我正在尝试使其响应.我的意思是,当截面尺寸减小时,旋转尺寸也会减小(保持居中).如果部分的大小增加,则为对位.
我试图使用em单位,但我没有得到我预期的结果.
这是最好的方法吗？我如何才能使其响应？
CSS
section {
width: 200px;
height: 200px;
margin: 50px;
}
#overlay {
position: relative;
width: 100%;
height: 100%;
z-index: 99999999999;
background: rgba(0, 0, 0, 0.5);
}
#overlay i {
position: absolute;
top: 50%;
left: 50%;
}
.spin-big {
font-size: 50px;
height: 50px;
width: 50px;
margin-top: -25px;
margin-left: -25px;
}
.spin-normal {
font-size: 35px;
height: 35px;
width: 35px;
margin-top: -22.5px;
margin-left: -22.5px;
}
.spin-small {
font-size: 20px;
height: 20px;
width: …推荐指数
解决办法
查看次数
ABCpdf无法渲染Font-Awesome
我们在C#.net 4.5中构建一个Web应用程序,并使用Font-Awesome作为图形字体.但是,当用ABCpdf和Gecko引擎渲染页面时,字体不会重新生成.我们尝试不在服务器上安装字体以进行发布.我们正在使用ABCpdf8.
我们尝试以下答案/sf/answers/526662251/它正在工作,但只是在服务器上安装了字体.我们不想在服务器上安装字体.我们尝试使用AddFont和EmbedFont方法来获取ttf字体文件的物理路径,但是没有成功.
有人已经有这个问题吗？
推荐指数
解决办法
查看次数
用于部分符号的字体真棒图标（法律）
搜索了很长时间后：有没有人知道这个符号的正确字体真棒图标？
§
？！？
推荐指数
解决办法
查看次数
如何在导航栏链接中嵌入字体真棒图标
我怎样才能将font-awesome图标嵌入到我的Ruby <%= link_to代码中？
以下不起作用,是否有可能完成下面的一些如何实际工作？
<li><%= link_to "<span class="fa fa-minus-circle fa-1x"></span> Settings</span>", destroy_user_session_path, :method => :delete %></li>
谢谢!约翰逊
ruby-on-rails twitter-bootstrap font-awesome ruby-on-rails-4
推荐指数
解决办法
查看次数
我如何使用 Font Awesome 作为笔触
我需要使用 FontAwesome 作为我使用的笔画
-webkit-text-stroke: 1px #cc0000;
-webkit-text-fill-color: #FFFFFF;
但它仅适用于 webkit 浏览器。
使其适用于其他浏览器（如 Firefox 和 IE +10）的任何其他方式
认为
推荐指数
解决办法
查看次数
在 Xcode 7.2 中添加 Font Awesome 时出现问题
我正在尝试在我的 iPhone 应用程序中使用 FontAwesome。我已经设置了所有的东西。
但每次我得到这个?(question)mark Image。我确定我已经在我的项目和 Plist 中正确添加了字体：
这是我的项目设置：
第1步：
在我的项目中添加了 Font Awesome 文件
第2步
在我的 Mac 中安装了 Font Awesome。
步骤 : 3
在我的pList文件中添加密钥。
第四步：
为了确认检查故事板中的字体列表：
第 5 步：
以UILabel编程方式创建并设置字体，如下所示：
UILabel *lblFontAwesome = [[UILabel alloc]initWithFrame:CGRectMake(0, 0, 100, 400)];
lblFontAwesome.center = self.view.center;
lblFontAwesome.font = [UIFont fontWithName:@"FontAwesome" size:35];
[lblFontAwesome setText:@"\uf014"];
[self.view addSubview:lblFontAwesome];
第 6 步：我还添加了一些类别文件。
第 7 步：
这是我得到的：
我尝试了不同的网络解决方案，也从SO.One是这个
。但它们似乎都不起作用。我总是得到这个?。
请注意，当我尝试时，我%C得到了这个图像：
是的，有一个警告：而且这不是正确的图标。它只是显示未知的图像。
推荐指数
解决办法
查看次数
使用 Dompdf 将 HTML 导出为 PDF 时不显示字体真棒图标
我正在使用 Dompdf 将 HTML 页面导出为 PDF。我正在使用一些显示在 HTML 文件本身中的 Font Awesome 图标，但在生成的 PDF 中，有问号而不是图标。
以下是部分 HTML 代码：
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<title>Some title</title>
<!-- Latest compiled and minified CSS - Bootstrap-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link href="http://domain.com/public/assets/css/font-awesome-4.6.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
<!-- -->
<div id="wrapper" > <div id="page-wrapper"> <div class="container-fluid">
<div class="row">
<div class="col-xs-10 col-xs-offset-1">
<div class="panel panel-default panel-table">
<div class="panel-heading">
<div class="row">
<div class="col-xs-12">
<div class="bs-callout bs-callout-primary">
<h4>Contact name</h4>
<ul> …推荐指数
解决办法
查看次数
如何在悬停时显示字体真棒图标
我有一个可编辑的链接，如果有人将鼠标悬停在该链接上，则悬停时应该有一个 fa fa-edit 图标
这是html代码
<a href="#" class="btn" id="company_name" data-type="text" data-pk="3" data-name="company_name" data-title="Enter Company Name">Learn web programming</a> <i class="fa fa-pencil"></i>
我只想在悬停时显示 fa fa-pencil 图标
推荐指数
解决办法
查看次数
Bootstrap 验证器表单插件：如何更改反馈图标
该引导验证插件可以帮助验证表单字段提供了一堆很酷的功能。其中一项功能是反馈图标，默认为 glyphicon。
假设我想用字体 awesome 替换 glyphicon。
的文档说，他们可以通过使“反馈” JSON对象作为数据属性或通过JavaScript来改变。
通过 JavaScript 很容易。但是作为数据属性，不清楚在哪里以及如何添加它，因为简单地添加：
feedback: {
success: 'fa-check',
error: 'fa-times'
}
作为数据属性到<form>或<div class="form-group">或<input>本身它不起作用。
forms twitter-bootstrap font-awesome glyphicons formvalidation-plugin
推荐指数
解决办法
查看次数
Font-Awesome字体(woff)无法通过Netlify CDN加载
我有一个Netlify CDN通过我的GitHub拉文件,除了加载字体外,一切看起来都很好.我对CDN很新,但一直在研究和学习很多东西.
但是......我花了4个小时研究如何启用它,我在他们的文档或其他有类似问题的人身上找到的唯一的东西就是我需要在根目录中创建一个_header文件,但是他们没有不指定与字体有关的任何内容.他们只是告诉我这个示例代码.
网站链接:https: //www.netlify.com/docs/headers-and-basic-auth/
示例标题:
## A path:
/templates/index.html
# Headers for that path:
X-Frame-Options: DENY
X-XSS-Protection: 1; mode=block
/templates/index2.html
X-Frame-Options: SAMEORIGIN
有人对这个有经验么？我即将找到一个新的CDN,但不确定还有谁可靠.
推荐指数
解决办法
查看次数