Note: This post, from 2015, covers features that are not present in the newer versions of ArcGIS Open Data.
----------------
I recently had a request to change the standard fonts on a custom site. This organization had specific font-families for the headings and body content. We were able to find the same fonts available in the Google Web Font library. After selecting the different font-weights to include for both, I grabbed the links and dropped them into the custom Header HTML of the site.
<link href='
https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700
' rel='stylesheet' type='text/css'>
<link href='
https://fonts.googleapis.com/css?family=Merriweather:400,700
' rel='stylesheet' type='text/css'>
In order to target ALL text elements within Open Data sites the following CSS will address all of the body content and headers in two rules. Just use this at the top of the Custom CSS window.
body, html, p, ul, ol, .btn, .search-nav-item, #gsearch, #search-results-region, #show-banner-region .map-bar-title, #sub-nav-region, #sub-nav-region .link, #dataset-description, .attribute-name, .info-name {
font-family: 'Source Sans Pro', sans-serif !important;
font-weight: 400 !important;
}
h1, h2, h3, h4, h5, h6, .site-logo, .card-title, .card-title a {
font-family: ‘Merriweather’, serif !important;
font-weight: 400 !important;
}