More then one font?

Im coding the body and im trying to put 2 fonts together, e.g. Welcome

so the "W" is in (Comic Sans MS)

and "elcome" is in Garamond.

can this be done?

Thanks

 

<style>
body{
 font-family: Garamond;
}
</style>

<span style="font-family:"Comic Sans MS">W</span>elcome

Code (markup):

 

font is still the same.

 

valianting made a mistake and forgot to add a semi-colon.

Still, inline styling is bad practice, if you plan on using this in more than one place on the website you should use the following method:

CSS:

body {
   margin: 0;
   padding: 0;
}

h1 {
   font-family: "Garamond", Times New Roman, Times, serif;
   font-size: 14px;
}

h1 span {
   font-family: Comic Sans MS;
   font-size: 20px;
}

Code (markup):

HTML:

<h1><span>W</span>elcome</h1>

Code (markup):

Of course, this is assuming you're only using it for a title. If not then change the <h1>'s to <p>'s or whatever...

 

Use the first-letter pseudo-element:

body {
font-family: Garamond, Verdana, Helvetica, FreeSans, Sans-serif;
}

p:first-letter {
font-family: "Comic Sans MS";
color: #ff0000;
font-size: xx-large;
}

Code (markup):

 

@ MhW tnx done what i was looking for.