search

imsky / holder

:city_sunrise: Client-side image placeholders.
http://holderjs.com
MIT License
5.84k stars 592 forks source link

Adding Font Awsome Icon #204

Closed tasmanwebsolutions closed 8 years ago

tasmanwebsolutions commented 8 years ago

Hello, I would like to know how to add font awesome icon

I want to be able to add large + icon http://fontawesome.io/icon/plus/

I tried

<div class="form-group">
<label class="col-lg-2">Images</label>
<div class="col-lg-10">
<img data-src="holder.js/150x150?font=FontAwesome&#xf067;" class="img-thumbnail">
</div>
</div>

And

<div class="form-group">
<label class="col-lg-2">Images</label>
<div class="col-lg-10">
<img data-src="holder.js/150x150?text:&#xf067;font:FontAwesome" class="img-thumbnail">
</div>
</div>
imsky commented 8 years ago

Here you go: http://jsbin.com/cupesawula

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">
</head>
<body>
  <img data-src="holder.js/150x150?font=FontAwesome&text=&#xf067;&size=50">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/holder/2.9.4/holder.min.js"></script>
</body>
</html>
tasmanwebsolutions commented 8 years ago

Solved thanks