After Adding GUIStyle to GUI.Button, it is no longer clickable

I want to make a button out of the font that I have. I set up the javascript variable

var comicStyle : GUIStyle;

(and in the inspector I’ve edited the font, font size, normal color, and Alignment, everything else is default)

if I use this line of code:

if(GUI.Button(Rect(200, 200, 300, 75), "feedback", comicStyle))
{
    print("You Clicked the Feedback button");
} 

it draws the words “feedback” on the screen right where I want it, but I can’t click it.

if I remove the style argument from the GUI.Button, like this…

if(GUI.Button(Rect(200, 200, 300, 75), "feedback"))
{
    print("You Clicked the Feedback button");
}

it makes a gray button rectangle with the word “feedback” in it, that I can click, and see the print command execute in the console.

My question is, is there something I’m not setting correctly in my style that is allowing this to be “click-able”? or am I totally off?

I can easily make a sprite out of the word, but I’m looking to reduce the amount of images in my game with concerns of file size.

Thanks in advance!!!

Well, you shouldn’t declare a GUIStyle that way. It’s better to create a GUISkin and use that one. In the skin asset you could edit the Button style or add a custom style at the bottom and use that one. To use a GUISkin you just declare a public variable of type GUISkin and inside OnGUI you set your skin as the current. Something like that:

var mySkin : GUISkin;

function OnGUI()
{
    GUI.skin = mySkin;
    // Your GUI stuff

}

Note: If you use a custom style and your skin is “active” you can simply use the style name as string, like so:

GUI.skin = mySkin;
if(GUI.Button(Rect(200, 200, 300, 75), "feedback", "feedbackStyleName"))
{

You can also use any other style like this. This would draw a button with the label style:

if(GUI.Button(Rect(200, 200, 300, 75), "feedback", "label"))
{