├── css
├── zocial-regular-webfont.eot
├── zocial-regular-webfont.ttf
├── zocial-regular-webfont.woff
├── zocial.css
└── zocial-regular-webfont.svg
├── README.md
└── sample.html
/css/zocial-regular-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/msurguy/css-social-buttons/master/css/zocial-regular-webfont.eot
--------------------------------------------------------------------------------
/css/zocial-regular-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/msurguy/css-social-buttons/master/css/zocial-regular-webfont.ttf
--------------------------------------------------------------------------------
/css/zocial-regular-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/msurguy/css-social-buttons/master/css/zocial-regular-webfont.woff
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Zocial CSS social buttons
2 |
3 | I basically rewrote this entire set so they are full vector buttons, meaning:
4 |
5 | - @font-face icons
6 | - custom font file for all social icons
7 | - icon font use private unicode spaces for accessibility
8 | - em sizing based on button font-size
9 | - support for about 83 different services
10 | - buttons and icons supported
11 | - no raster images (sweet)
12 | - works splendidly on any browser supporting @font-face
13 | - CSS3 degrades gracefully in IE8 and below etc.
14 | - also includes generic icon-less primary and secondary buttons
15 |
16 | ## How to use these buttons
17 |
18 |
19 |
20 | or
21 |
22 |
5 | The Popular Kids
47 | Sign in with Facebook
48 | Sign in with Google+
49 | Sign in with Twitter
50 | Sign in with LinkedIn
51 |
52 |
Thanks to @guillermovs, @kamens, @vizualover, and @leaverou for code refinements and suggestions.
256 | 257 |Massive thanks to @drewwilson for making the multi-purpose buttons possible with his incredible Pictos icons.
258 | 259 |See code samples at zocial.smcllns.com — ask questions to @smcllns
260 | 261 | Tweet 262 | 263 | 264 | 280 | 281 | 282 |