I was following an instruction of an old post regarding showing icons from material.io and fontawesome in a button or label along side text and I ran into this formatting issue.
From the output picture, it can be seen that the icons are displaying as required, it is the text after the icons from material icons displaying strangely.
I know that there is option to upload the icon to a label / button, then use another label / button to display the text. But I wanted to point out that using material icons is behaving differently from fontawesome icons. Fontawesome is displaying correctly.
I read elsewhere that font awesome icons require a “;” after the code (Font Awesome icon is not showing in App) , so which is why I was wondering whether material icons also require something besides codename to get it right ?
And hence my question - Am I missing something to display the text after the icon correctly while using material icons ?
Hi
I’m not sure if what you want to do can be achieved in a single label. The material icons font doesn’t display Latin characters correctly.
You could try having two labels side by side: one with the icon and another with its corresponding text
I had this doubt only because the fontawesome icons were working with icon and text side by side. So thought maybe it was a bug with material icons and that it could be fixed.
Or I thought I was writing it wrong in the text box (like one of the user had with fontawesome icons, refer this post)
I knew it could be done this way.
So currently icons beside a text with font typeface materials icons is not possible.
The Font Typeface import in Advanced properties is “None” for label and button.
The issue is not showing the icon from materials but showing icon (by using material icon name from materials website) and a text beside it while using material icon Font typeface. This is possible using font Awesome 5 but not material icons.
Could you send a screenshot of it working on a label and/or button ?