It is currently March 29th, 2024, 8:25 am

How to put icon on the title using font awesome

Get help with creating, editing & fixing problems with skins
User avatar
fhazal
Posts: 19
Joined: March 3rd, 2021, 10:10 am
Location: Malaysia

How to put icon on the title using font awesome

Post by fhazal »

how do i put icon using image or font awesome icon ? i prefer to use font awesome icon to this rainformer skin?? or if more simple alternative like using windows icon also good.

i want to put icon beside the title on every skin.

Image
You do not have the required permissions to view the files attached to this post.
User avatar
SilverAzide
Rainmeter Sage
Posts: 2588
Joined: March 23rd, 2015, 5:26 pm

Re: How to put icon on the title using font awesome

Post by SilverAzide »

fhazal wrote: September 28th, 2022, 5:27 pm how do i put icon using image or font awesome icon ? i prefer to use font awesome icon to this rainformer skin?? or if more simple alternative like using windows icon also good.

i want to put icon beside the title on every skin.
Here is a post that has an example that shows how to do this: https://forum.rainmeter.net/viewtopic.php?p=139904#p139903.
There are additional ways to do this that are simpler, especially if your font baselines don't line up.
Gadgets Wiki GitHub More Gadgets...
User avatar
eclectic-tech
Rainmeter Sage
Posts: 5384
Joined: April 12th, 2012, 9:40 pm
Location: Cedar Point, Ohio, USA

Re: How to put icon on the title using font awesome

Post by eclectic-tech »

Besides SilverAzide suggestion, you can also find a few more details in Rainmeter's documentation: Character Reference Variables
User avatar
fhazal
Posts: 19
Joined: March 3rd, 2021, 10:10 am
Location: Malaysia

Re: How to put icon on the title using font awesome

Post by fhazal »

Code: Select all

;[\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\[[METERS]]//////////////////////////////]
;[--------------------[[Title region/Icons]]--------------------]
[IconTitle_]
Meter=String
MeterStyle=StyleLeftAlign
FontFace=Font Awesome 6 Free Solid 
FontSize=12
FontColor=200,200,200
X=(#ContentMarginFormula#+1)
Text=[\x0xe4e5] 
Y=(#BgOffset#+3)
DynamicVariables=1
TransformationMatrix=#Scale#;0;0;#Scale#;#Scale#;#Scale#
UpdateDivider=-1

Thanks SilverAzide and eclectic-tech

i manage to make the icon appear with font awesome 6 with this code, is this the right code ?? or am i doing something wrong ??

Image
User avatar
SilverAzide
Rainmeter Sage
Posts: 2588
Joined: March 23rd, 2015, 5:26 pm

Re: How to put icon on the title using font awesome

Post by SilverAzide »

fhazal wrote: September 28th, 2022, 10:28 pm Thanks SilverAzide and eclectic-tech

i manage to make the icon appear with font awesome 6 with this code, is this the right code ?? or am i doing something wrong ??
The line Text=[\x0xe4e5] is not correct. It most likely should be Text=[\xe4e5].
Gadgets Wiki GitHub More Gadgets...
User avatar
fhazal
Posts: 19
Joined: March 3rd, 2021, 10:10 am
Location: Malaysia

Re: How to put icon on the title using font awesome

Post by fhazal »

SilverAzide wrote: September 28th, 2022, 11:58 pm The line Text=[\x0xe4e5] is not correct. It most likely should be Text=[\xe4e5].
if i take out x0x the icon not showing, how can i fix this ?? but with x0x the icon show, where do i adjust the code ?
User avatar
SilverAzide
Rainmeter Sage
Posts: 2588
Joined: March 23rd, 2015, 5:26 pm

Re: How to put icon on the title using font awesome

Post by SilverAzide »

fhazal wrote: September 29th, 2022, 6:57 pm if i take out x0x the icon not showing, how can i fix this ?? but with x0x the icon show, where do i adjust the code ?
That's not what I said to do. Look again exactly at what I wrote.
Gadgets Wiki GitHub More Gadgets...
User avatar
fhazal
Posts: 19
Joined: March 3rd, 2021, 10:10 am
Location: Malaysia

Re: How to put icon on the title using font awesome

Post by fhazal »

SilverAzide wrote: September 29th, 2022, 7:03 pm That's not what I said to do. Look again exactly at what I wrote.
ouhhh sorry, it's working with just x, thanks again :thumbup: