1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
|
# entypo-rails
An asset pipeline plugin for Rails to easily add the [Entypo](http://www.entypo.com/)
icon font faces and an initial set of icon classes.
## Entypo
The [Entypo](http://www.entypo.com/) pictograms by Daniel Bruce http://www.entypo.com/
are provided in `vendor`. These pictograms are licensed under
[CC BY 3.0](http://creativecommons.org/licenses/by-sa/3.0/) and the font unter
[SIL Open Font License](http://scripts.sil.org/OFL).
## Installation
Add this line to your application's Gemfile:
gem 'entypo-rails'
And then execute:
$ bundle
Then start your server and open
http://localhost:3000/entypo/charmap
## Usage
Either use the provided mappings, based on `icons-...` and the `:before`:
```scss
// application.css
//= require entypo
@charset "UTF-8";
```
```html
<!-- some_template.html... -->
This is cool <i class="icon-thumbs-up"></i>.
Fork it on <i class="icon-social-github"></i>.
```
or just include the entypo font face and do the mappings yourself, go to
http://localhost:3000/entypo/charmap in your browser for a list of all
unicode codepoints and CSS classes. This is only available in development
mode. Alternatively check out [entypo.scss](https://github.com/lwe/entypo-rails/blob/master/app/assets/stylesheets/entypo.scss),
the social font is prefixed with `.icon-social-`.
```scss
// application.css
//= require entypo-fonts
@charset "UTF-8";
// icons.scss (or wherever)
i.cool { font-family: 'entypo' }
i.cool:before { content: "\1F44D"; }
```
```html
<!-- some_template.html... -->
This is cool <i class="cool"></i>.
```
## Options
#### Change the `icon` prefix
Simply add an initializer like e.g. `config/initializers/entypo.rb` and add:
```ruby
Entypo.css_prefix = "my-icon"
```
After setting a new prefix restart your server and ensure to clear the Rails
asset caches in `tmp/cache/asset`, otherwise the new prefix might not be
picked up correctly.
**Note**: that the value is not checked, thus ensure to use onlu valid CSS
class names.
#### Enable the `/entypo/charmap` in a non-development environment
By default entypo-rails only enables the `/entypo/charmap` route in the
development environment. To enable it in another environment open the
environment specific configuration file from `config/environments/<env>.rb`
and append:
```ruby
# at the end of the file...
Entypo.charmap = true
```
#### Customize the charmap path (or add authorization etc.)
To use a custom URL for to display the charmap, first disable the automatic
route generation by adding an initializer e.g. `config/initializers/entypo.rb`
with:
```ruby
Entypo.charmap = false
```
Then add a new route to your application's `config/routes.rb` file:
```ruby
Your::Application.routes.draw do
# other routes...
get '/custom/path/to/charmap', to: 'entypo/charmap#index'
end
```
## Troubleshooting
**The prefix `icon` clashes with the prefix defined by
[bootstrap](http://getbootstrap.com/2.3.2/base-css.html#icons) and thus I'm
not able to use entypo icons.**
The prefix can be changed by setting `Entypo.css_prefix = "e-icon"` in an
initializer. Ensure that after changing the prefix the caches in
`tmp/cache/assets` should be cleared, otherwise it can happen that the prefix
is not picked up during development.
**In production, the fonts are digested to entypo-
4a74efb3ed26fe0c57556bcc0b7e871f... Meanhwile it's just entypo.eot in the CSS
file, without the digest. Therefore the font cannot be loaded!**
When compiling assets ensure to set the correct `RAILS_ENV`, otherwise assets
or not digested in the CSS files. See
[this discussion](https://github.com/lwe/entypo-rails/pull/6) for more, or
simply ensure to run:
```bash
RAILS_ENV=production rake assets:precompile
```
## Changes
_3.0.0_
- Set minimum requirement to Rails 4.1+
- Fixed deprecation warnings [#15](https://github.com/lwe/entypo-rails/issues/15)
- Fixed entypo font previews at `/entypo/charmap`
_2.2.3_
- Fixed `google-plus` icon names, [#16](https://github.com/lwe/entypo-rails/pull/16) by @medinarodel
_2.2.1_
- Ensure .erb files are included within packaged gem
- Fixed route drawing code to enable `/entypo/charmap` again
- Added icon prefix option, based on [#9](https://github.com/lwe/entypo-rails/pull/9) thx @xdite
_2.1.0_
- Added webkit font smooting [#8](https://github.com/lwe/entypo-rails/pull/8), by @vojto
_2.0.2_
- Fix /_entypo/charmap to load correct stylesheet from app/assets
- Switch to use UTF-8 encoded chars, by @michaelkirk
_2.0.1_
- Rails 4 compatibility: only css & js files are precompiled from vendor/assets
_2.0.0_
- **Breaking**: combined entyo and entypo social font, so `entypo-social` font family no longer exists
- #2, #3, fixed display issues on Opera
_1.0.2_
- Bugfix release for Rails asset pipeline
_1.0.0_
- Initial release, with entypo fonts from 2012-10-31
## Contributing
1. Fork it
2. Create your feature branch (`git checkout -b my-new-feature`)
3. Commit your changes (`git commit -am 'Added some feature'`)
4. Push to the branch (`git push origin my-new-feature`)
5. Create new Pull Request
|
