different font style from mac to pc vista?

  • 1
  • Question
  • Updated 7 years ago
  • Answered
I am working on my website from a mac as well as from a pc with vista. All was good so far until i realized that what seemed all fine on mac looks different on the pc.
I changed the font of title of the pages. It looks goods on mac but the formatting disappears on pc.
here is its code <Home>
thanks.
Photo of fiamma

fiamma

  • 41 Posts
  • 4 Reply Likes
  • unsure

Posted 7 years ago

  • 1
Photo of Kevin

Kevin

  • 475 Posts
  • 29 Reply Likes
Please put the code in these <!-- --> brackets so the code doesn't disappear.
And yes, there are differences with font between mac and windows.
Photo of fiamma

fiamma

  • 41 Posts
  • 4 Reply Likes
<!--<font size="3"; color="BO2558"; face="bold ">Home</font> -->
Photo of fiamma

fiamma

  • 41 Posts
  • 4 Reply Likes
does any one has a clue?
I hope it is resolvable.
thanks
Photo of papa

papa

  • 327 Posts
  • 20 Reply Likes
This might help? Click Here

papa
Photo of papa

papa

  • 327 Posts
  • 20 Reply Likes
might be easier
leave the <!-- --> off and try on site
<!--
<style type="text/css">

p {
color: #EE0000;
font-size: 1em; //*1 em= the default size of browser. If browser size is 16px = 1 em , 32px=2em , 8px=.5em
if defualt browser is 12px=1em , 24px=2em , and 6px=.5em*//
font-family: Arial, Georgia, Tohoma, sans-serif;
font-style: italic;}

</style>

-->

<!--<p> Home</p>-->
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Fiamma

Can you please share with us your URL? I'd like to see what is going on with your page.

Thank you for your patience as we work on this together.
Photo of fiamma

fiamma

  • 41 Posts
  • 4 Reply Likes
thanks everyone. I will be back on computer tomorrow to read properly what you you've sent me.
Photo of fiamma

fiamma

  • 41 Posts
  • 4 Reply Likes
hi Sanja. this might sounds really not pro but forgive my total ignorance, it is the first site I am making and I am learning basics.
How do I send you my URL?
thanks papa for your answer, not sure where I am supposed to put the code you gave me. For each title?
Photo of papa

papa

  • 327 Posts
  • 20 Reply Likes
fiamma

Take a blank page

take a html widget and move it to page

take this code below and add to that hmtl widget then save and close widget

<!--

<style type="text/css">

p {
color: red;
font-size: 1em;
font-family: Arial, Georgia, Tohoma, sans-serif;
font-style: italic;}

p1 {
color: #969616;
font-size: 2em;
font-family: Arial, Georgia, Tohoma, sans-serif;
font-style: italic;
font-weight:bold;}

p2 {
color: #5B74CC;
font-size: 3em;
font-family: Arial, Georgia, Tohoma, sans-serif;
font-style: italic;}

p3 {
color: #23E861;
font-size: 1.5em;
font-family: Arial, Georgia, Tohoma, sans-serif;
font-style: italic;}

p4 {
color: #E8CA23;
font-size: 2.5em; //*1 em= the default size of browser. If browser size is 16px = 1 em , 32px=2em , 8px=.5em
if defualt browser is 12px=1em , 24px=2em , and 6px=.5em*//
font-family: Arial, Georgia, Tohoma, sans-serif;
font-style: italic;}

p5 {
color: #000000;
font-size: .5em;
font-family: Arial, Georgia, Tohoma, sans-serif;
font-style: italic;}

p6 {
color: #DD23E8;
font-size: 3.25em;
font-family: Arial, Georgia, Tohoma, sans-serif;
font-style: italic;}

p7 {
color: #2328E8;
font-size: 1.25em;
font-family: Arial, Georgia, Tohoma, sans-serif;
font-style: italic;
font-weight:bold;
}

</style>
-->

Now take another html widget and insert this

<!--
<p>this is test p</p>
<p1>this is test p1</p1>
<br><p2>this is test p2</p2></br>
<br><p3>this is test p3</p3></br>
<br><p4>this is test p4</p4></br>
<br><p5>this is test p5</p5></br>
<br><p6>this is test p6</p6></br>
<br><p7>this is test p7</p7></br>

-->

again save and close

in the color: #2328E8; you can change the color to what ever you want. you do not have to use the number, you can enter color by name as "red", "blue" just be sure to leave the "#" off in you elect this.

in the font-size: 1.25em; you can change the font size as you desire.

in the font-family: Arial, Georgia, Tohoma, sans-serif , these are the most usable fonts for most browser and I'm sure there are more.

in the font-style: italic; you can change this to such as normal, italic, and more.

in the font-weight:bold; you can use normal, bold, and more, or just leave off all together and font weight will be normal.

This is a good learning tool w3schools

Maybe some one else has an easier way and will jump in Sanja has a great way of explaining along with other people to give maybe a simpler explanation.

I REALLY hope this helps. The first site is always the hardest and be patient.

papa
Photo of papa

papa

  • 327 Posts
  • 20 Reply Likes
You can also use the code in different html widgets else where on same page, but has to be put on every page you want to use on
Photo of fiamma

fiamma

  • 41 Posts
  • 4 Reply Likes
I try. thanks
Photo of Nazlie

Nazlie

  • 1721 Posts
  • 51 Reply Likes
Hi fiamma

To send us your URL, please go to your published site and copy the website address at the top of the browser. Then paste it here.
Nazlie
Photo of fiamma

fiamma

  • 41 Posts
  • 4 Reply Likes
http://fiammettahorvat.com/
Hi Nazlie, here is the address but the version I am working on is not published yet. I wanted to finish it before publishing it. Do I need to publish it for you see it?
Photo of Nazlie

Nazlie

  • 1721 Posts
  • 51 Reply Likes
Oh, now I get it :) We'll take a look at the URL. Thanks :)