font-awesome

Link with icon in Laravel 4

由 橙三吉。 提交于 2019-12-09 10:27:17
问题 Can someone help to rewrite this, from HTML to Laravel4? <a href="index.php" ><span><i class="icon-home"></i></span> Home </a> The route name for that page is just '/'. I know how to write simple link in Laravel: {{ HTML::link('/','Home) }} But how can I add the span class with the font-awesome icon? 回答1: I'd just put the link in the href. <a href="{{ url('/') }}"><span><i class="icon-home"></i></span> Home</a> No need to generate all the rest through Laravel. 回答2: What @Dries suggests is

How to display glyphicon/font-awesome in sap.ui.core.Icon?

由 馋奶兔 提交于 2019-12-09 06:51:35
问题 As the collection of icons is pretty limited in SAPUI5/OpenUI5 I would like to display glyphicons and / or font-awesome icons in a sap.ui.core.Icon. How can this be achieved? 回答1: Inorder to use an external icon within an existing control, you could use the sap.ui.core.IconPool control. The control provides a addIcon method for adding an Icon. List item Declare the font-face tag in your CSS font-face { font-family: 'My-Icons'; src: url('_PATH_TO_EOT_FILE_'); src: url('_PATH_TO_EOT_FILE_?

How can I use Font Awesome (or other font icons) instead of the jQuery sprites in Primefaces DataTable?

由 你。 提交于 2019-12-09 06:33:55
问题 I'm using PrimeFaces to generate a datatable. The default sorting icons are chevrons from the JQuery library but as they are not Vector they look ugly. I wan't to replace them using some font like font awesome but I have no clue how to do this. The below CSS handles I can use to change the image to different sprites etc. If I could somehow change the class primefaces adds from ui-icon-triangle-1-n to af fa-sort-alpha-desc for example I would already be helped. .ui-state-default .ui-icon{

Customize a select with font-awesome

由 不想你离开。 提交于 2019-12-09 05:13:53
问题 This is what I have actually: HTML <label class="select"> <select name="email" id="email"> <option>aaaa</option> <option>aaaa</option> <option>aaaa</option> <option>aaaa</option> <option>aaaa</option> <option>aaaa</option> </select> </label> CSS .cforms select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .select { position:relative; display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; margin-top:40px; } .select:after {

Font Awesome Failed to load resource /font/fontawesome-webfont.woff?v=3.0.1

由 跟風遠走 提交于 2019-12-09 04:44:51
问题 Everything looks fine on the site, but those two errors are showing up in the console. If I hit the url the font downloads. Been trying to track this down for a while, but I am getting two errors in the console: Failed to load resource resource:/font/fontawesome-webfont.woff?v=3.0.1 Failed to load resource resource:/font/fontawesome-webfont.ttf?v=3.0.1 How can I get rid of this error? 回答1: I recently encountered and solved this problem. The solution is to add the 'font' directory, and any

how do i add permanent place holder inside input filed

由 蓝咒 提交于 2019-12-09 02:32:33
i need to add font-icon inside input field so i used this method <input type="text" name="your name" placeholder=" YOUR NAME" style="font-family:Flaticon" class="restrict"> as you see placeholder=" YOUR NAME" this  display font-icon but my problem is when user types some text place holder disapper so i need font icon to be placed permanent inside input field like <lable> can someone help me tjati You can't. What do you expect it to look like? placeholder disappears by design . If you want to prefix an icon in front of your input field , put them together in a container, give this container

Button's bottom border disappears when i click somewhere else on the screen

由 可紊 提交于 2019-12-08 21:28:29
问题 fiddle This is my HTML code: <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> <button> <i class="fa fa-5x fa-motorcycle gobumpr_icon"></i> </button> <button> <i class="fa fa-car fa-5x gobumpr_icon"></i> </button> This is my CSS: button:focus { border-bottom: thick solid #FFA800; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; transition: width 2s; -webkit-transition: width 2s; outline: none; box-shadow: none; } I want

Webpack failing at @font-face

由 二次信任 提交于 2019-12-08 18:46:32
问题 I am having an issue using Webpack with FontAwesome. Here are my loaders: module: { loaders: [ { test: /(\.js$)|(\.jsx$)/, exclude: /node_modules/, loader: 'babel-loader' }, { test: /(\.jade$)/, exclude: /node_modules/, loader: 'jade-loader' }, { test: /(\.css$)/, exclude: /node_modules/, loaders: ['style-loader', 'css-loader', 'postcss-loader'] }, { test: /(\.styl$)/, exclude: /node_modules/, loaders: ['style-loader', 'css-loader', 'stylus-loader'] }, { test: /\.(jpe|jpg|woff|woff2|eot|ttf

Featured filled corner css

由 ╄→гoц情女王★ 提交于 2019-12-08 16:29:35
I'm trying to add a triangle with a star in it at the corner of an article in Joomla. This is my code: Html <div class="ribbon-wrapper-featured"> <div class="ribbon-featured"> <i class="fa fa-star"></i> </div> </div> Css /*corner ribbon*/ .ribbon-wrapper-featured { width: 50px; height: 50px; position: absolute; top: 0px; right: 0px; } .ribbon-featured { width: 0; height: 0; border-style: solid; border-width: 0 50px 50px 0; border-color: transparent #f1c40f transparent transparent; line-height: 0px; _border-color: #000000 #f1c40f #000000 #000000; _filter: progid:DXImageTransform.Microsoft

Preload font-awesome

由 邮差的信 提交于 2019-12-08 16:23:34
问题 I am trying to pre-load font-awesome to improve my page load times: <link rel="preload" as="style" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"/> <link rel="preload" as="font" type="font/woff2" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0"/> However...Chrome seems to download the font twice and reports The resource http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0 was
订阅 font-awesome