Font Awesome integration

Hi Vitality, this is actually already integrated in a themler widget.

If you go to : "Insert" - "Navigation" - "Icon Link" and drag it to themler, you will actually get a standalone font awesome element in which you can pick any icon you want :)

I hope this helps you.

I am actually interested in using fontawesome links in menu items.... i hope it will be integrated sometime :)

Vitaliy,

All available icons are listed here:
http://answers.billiondigital.com/articles/3942/icons-shortcode

You can use them with shortcode or through the Themler UI: using IconLink or icon selection popup of the controls that support icons.

Thank you,
Olivia

Thanks for reply and hint, shaulhadar.

If you go to : "Insert" - "Navigation" - "Icon Link" and drag it to
themler, you will actually get a standalone font awesome element in
which you can pick any icon you want :)

How I can see - there is many icons, but it's actually not from Font Awesome library...

Here is full list of Font Awesome icons: http://fortawesome.github.io/Font-Awesome/icons/

Or I something miss? )

Vitaliy,

All available icons are listed here:
http://answers.billiondigital.com/articles/3942/icons-shortcode

You can use them with shortcode or through the Themler UI: using IconLink or icon selection popup of the controls that support icons.

Thank you,
Olivia

Thanks for reply, Olivia.

Where is shortcode controls? Or I need just manualy insert code like <i class style></i> icon-adjust ?

Vitaliy,

You just need to manually insert

<i class="icon-adjust"></i>

in the place where you want the icon to appear. This could be HTML control, Text/TextGroup control on HTML tab or via CMS admin panel (post html source, text widget. etc.)

This is our own library ('Billion Web Font') similar to Font Awesome.

Thank you,
Olivia

You should maybe consider to switch to Font Awesome. FA has everything that is needed on most websites. You can spare time and help them if you want to add some special icon. Just write it on Github.

Compare this (same browser) :

http://answers.themler.com/articles/3942/icons-shortcode

http://fortawesome.github.io/Font-Awesome/icons/

Your icons have jagged edges, FA icons dont have it.
No matter what I tried could not fix them. Works anyhow with default size. As soon font-size is above 20px you see clearly jagged edges.

Dont know if you generate your icons here:
https://icomoon.io/

But icons from Icomoon have not jagged edges. (when is default size, or enlarged)

https://icomoon.io/app/#/select

Here you can see differences between WordPress Dashicons SVG and Themler SVG icons. Same browser, same zoom.

First 2 screens are Dashicons, third is Themler.

Hi,

Thank you for the reporting this issue.
Looks like it happens in Chrome and Safari only.
We'll fix this issue in Chrome in the near future. Not sure about Safari. FA looks bad in Safari too.

Thank you,
Olivia

I cant find anymore icon for URL:

Why do you bother with your own icons. Use Fontawesome. There is no better around. And let other developers work for you.
Fontawesome has huge and vibrant community.

If you miss some icons take back Bootstrap native glyphicons:

• Go here and deactivate all options except glyphicons:
  http://getbootstrap.com/customize/
• Download ZIP file
• Extract all SVG files inside theme "fonts" folder
• Take CSS code from ZIP (only part for glyphicons, other code can give you problems) and paste it inside Themler -> Settings -> Additional CSS.

• Remove one bullet from paths:

  @font-face {
  font-family: 'Glyphicons Halflings';
  src: url('./fonts/glyphicons-halflings-regular.eot');
  src: url('./fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('./fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('./fonts/glyphicons-halflings-regular.woff') format('woff'), url('./fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('./fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
  }

• Use icon codes:
  http://getbootstrap.com/components/#glyphicons

More can be connected by Google icon: https://material.io/icons/
And do not have to download anything.

Hello, I am really having issues with the limited icon set you offer. We need to stay up-to-date with this better.

Any idea why you choose a stand alone icon system vs one that is widely used and has 100x more option?

Could support address this?

At least can you add and update your font set? Google + can go and you could add or update others. After using font awesome on a different site I am amazed how little variety there is in Themler.

Please update this!

Many thanks with regard to supplying current improvements concerning the issue, We anticipate study much more. work shirts for employees

Amazing! Exactly what a watch opener this particular publish may be personally. Greatly valued, saved, We can’t await much more! 바둑이 커뮤니티

*Commercial Construction Estimating* helps contractors accurately calculate materials, labor, equipment, and overall project costs. Detailed estimates support better budgeting, competitive bidding, and efficient planning for commercial projects.

I did so have fun with perusing content pieces circulated on this internet site. They've been awesome as well as a considerable amount of effective advice. UFABET

My partner and i emerged onto your website although centering merely a bit submits. Great strategy for subsequent, I am bookmarking simultaneously catch the full goes up. 슬롯 커뮤니티

To provide a First-time, My group is eternally visiting web based designed for articles and reviews which is in be an aid to all of us. Thanks for your time. 무료 영화 다시보기

Compete the great get the job done, As i browse small amount of content articles in this particular websites and even It looks like that your choice of word wide web web log is without a doubt realistic important and allows gotten forums in fabulous tips. h789 download