+ Start a Discussion
MC34MC34 

How can I globally give one font on whole visual force page?

How can I globally give one font on whole visual force page? 
AnudeepAnudeep (Salesforce Developers) 
If you want to use the same font you have to repeat it. Here is an example

There isn't an global font as far as I know
h1
{
color:green;
}
.button1
{
background-color:#00FF00;
font-weight:bold;
color:#E56717;
}
.button2
{
background-color:#C12283;
font-weight:bold;
color:#EE9A4D;
}
a:hover
{
color:#F665AB;
}
a
{
color:#52D017;
font-size:20px;
}


You can use one font for a particular section only in the VF page
<apex:page>
    <style type="text/css">
        p { font-weight: bold; }
    </style>
 
    <p>This is some strong text!</p>
</apex:page>
 
h1 { color: #f00; }
p { background-color: #eec; }
newLink { color: #f60; font-weight: bold; }
 
<apex:page showHeader="false">
    <apex:stylesheet value="{!$Resource.customCSS}" />
    <h1>Testing Custom Stylesheets</h1>
    <p>This text could go on forever...<br/><br/>
       But it won't!</p>
 
    <apex:outputLink value="http://www.salesforce.com" styleClass="newLink">
        Click here to switch to www.salesforce.com
    </apex:outputLink>
</apex:page>

I suggest raising an Idea on the Idea Exchange Platform

Let me know if this helps, if it does, please mark this answer as best so that others facing the same issue will find this information useful. Thank you
MC34MC34
Thanks Anudeep. I am now using : 
 
<html>

<body style="font-family:source sans pro">

Lines 

</body>
I had to change all VF pages to that to have entire page conform with the given font. 

However, do you know why the script keeps adding "&quot" on the VF page when 

span style="line-height:107%;font-family:&quot;Source Sans Pro&quot;,sans-serif;color:black">