Font Issue with HTML - Post ID 236248

User 2276240 Photo


Registered User
194 posts

I need to have a few bullet list on a site I am doing and I have the HTML code where I want the list at and it is fine, except for a font format issue, In IF it is a different font. The page is done in Arial and the list is New Times Roman. In Firefox, it is Arial, except it is larger and bold. In Chrome it is Arial but a size larger and in Safari it is New Times Roman.

Is there any way to control the font? I have gone through the Help PDF and I cannot find anything that address it.
User 2088758 Photo


Senior Advisor
3,086 posts

Hey Jack,

Put this in your header

<style>
ul { font-family:Arial;}
</style>
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 2276240 Photo


Registered User
194 posts

How do I get to the code so I can put this in the heading. I knew how to do it if I was working in the HTML Editor as that is how I have always done web pages. This is my first time in VSD.
User 2147626 Photo


Ambassador
2,958 posts

In VSD simply select 'Edit' from the top menu, then come down to 'Edit Header'. Put your html that you want in the site header here. :cool:
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
User 2276240 Photo


Registered User
194 posts

Now I feel like an idiot. I looked all through the help section and I even looked at the edit tab and saw the Edit Keywords and did not see it right above it.
It now looks fine in IE, Chrome and Safari but is still bold in Firefox. I tired to add font-weight: x00; to the tag and tried different weights and no change.
User 271657 Photo


Ambassador
3,816 posts

Jack, did you try giving the font a specific size first?
Also, you could make a class or ID for your <ul> then add it to your HTML code to keep it separate from anything in VSD's <ul> rules.
<style>
.mylist {
font: normal bold 16px Arial, san-serif;
color: #CCC;
list-style-type: circle;
line-height: ...;
margin: ...;
etc...
}
</style>
----html----------
<ul class="mylist">
...
</ul>
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 2276240 Photo


Registered User
194 posts

Thanks to everyone. Lists are in and look fine.
User 2147626 Photo


Ambassador
2,958 posts

Woo-hoo! :D
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
User 271657 Photo


Ambassador
3,816 posts

Good to hear :D
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 2088758 Photo


Senior Advisor
3,086 posts

Excellent Glad to hear you got it worked out!
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.