class
liruu-arrow-right
class
liruu-arrow-left
class
liruu-arrow-up
class
liruu-arrow-down
class
liruu-arrow-pop-right
class
liruu-arrow-pop-left
class
liruu-arrow-pop-up
class
liruu-arrow-pop-down
class
liruu-info
class
liruu-info-heart
class
liruu-megaphone
class
liruu-calendar
class
liruu-cart
class
liruu-balloon
class
liruu-clock
class
liruu-folder
class
liruu-tag
class
liruu-emblem
class
liruu-map
class
liruu-serch
class
liruu-movie
class
liruu-new
class
liruu-star
class
liruu-pencil
class
liruu-write
class
liruu-letter
class
liruu-lock
class
liruu-wallet
class
liruu-setting
class
liruu-sign
class
liruu-blouse
class
liruu-skirt
class
liruu-onepice
class
liruu-bottoms
class
liruu-socks
class
liruu-pumps
class
liruu-boots
class
liruu-bag
class
liruu-present
class
liruu-ribbon
class
liruu-heart
class
liruu-bird
class
liruu-bird-mail
class
liruu-book
class
liruu-butterfly
class
liruu-cake
class
liruu-cake-birthday
class
liruu-cat-arrow-left
class
liruu-cat-arrow-right
class
liruu-cat-faq
class
liruu-cat-love
class
liruu-center
class
liruu-hand-good
class
liruu-clover
class
liruu-rice
class
liruu-eat
class
liruu-cup
class
liruu-dog
class
liruu-hammer
class
liruu-mountain
class
liruu-number0
class
liruu-number1
class
liruu-number2
class
liruu-number3
class
liruu-number4
class
liruu-number5
class
liruu-number6
class
liruu-number7
class
liruu-number8
class
liruu-number9
ダウンロード後に解凍してください。
Please download the zip file.
liruufont
∟ font
∟ liruu-icons
∟ liruu-icons.eot
∟ liruu-icons.svg
∟ liruu-icons.ttf
∟ liruu-icons.woff
css
∟ liruu-font.css
Liruu Fontを利用するにはliruu-にアイコン名を記述します。
You can place Liruu font icons just about anywhere using the CSS Prefix liruu- and the icon's name.
result :
<html>
<head>
<!--Import liruu-font.css-->
<link rel="stylesheet" href="css/liruu-font.css" />
</head>
<body>
<!--HTML code-->
<i class="liruu-arrow-right"></i>
</body>
</html>
liruu-spinを指定すれば、アイコンがくるくる回ります。
Use the liruu-spin class to get any icon to rotate.
result :
<!--HTML code-->
<i class="liruu-arrow-right liruu-spin"></i>
liruu-circleを指定すれば、丸で囲まれます。
Use the liruu-circle class to get any icon to surrounded by a circle.
result :
<!--HTML code-->
<i class="liruu-arrow-right liruu-circle-small"></i>
<i class="liruu-arrow-right liruu-circle-medium"></i>
<i class="liruu-arrow-right liruu-circle"></i>
Liruu fontは個人・商用共に無料でご利用頂けますが、テキストリンクを貼っていただけるとありがたいです。
When you use the Liruu font, please put a text link to your site.
<!--text link-->
Iconfont designed by <a href="http://liruu.com/liruu-font/" target="_blank">Liruu Font</a>