Adding Official Branding Typefaces to images: A limited selection of official UF branding typefaces, Gentona and Quadon, are available as web fonts, free of charge for communicators and their staff by contacting University Communications. See the Fonts section to apply for a license (http://identity.ufl.edu/ typography/).
The UF/IFAS Web Template Styles
Most UF/IFAS styles are part of the UF/IFAS Template. This page will display the styles and demonstrate the appropriate hierarchy.
Body Text
Bolded Body Text
Column 1 | Column 2 | Column 3 |
---|---|---|
Row 1 | Some text | Some text |
Row 2 | Some text | Some text |
You can use special CSS classes on <ul> tags to change the look of bulleted lists (linked and unlinked).
You can use special CSS classes on some heading tags to change the color (linked and unlinked).
You can use special CSS classes to large tables so they scroll when viewed on a cellphone, but you will need to wrap the table tag in a div tag.
You can use special CSS classes on images, to float images left or right within a page. See how to float images.
You can use special CSS classes on some text and elements for centering.
For videos, we prefer that you embed them on the webpage by using both of the following special CSS classes.
For sidebars, we prefer that you use the following special CSS classes.
The WCGA AA Accessibility standards explain how to make web content more accessible to people with disabilities. WCAG defines web content as what you see (text, images, and sounds) and do not see (code or markup that defines the structure, presentation, etc.). All UF/IFAS websites, web applications, and blogs must comply with University standards and meet at least AA accessibility standards.
UF/IFAS White Web Template In TERMINALFOUR (T4)
Our latest web template meets accessibility and performance requirements. When a web moderator requests the UF/IFAS white template, the template is issued with the following *Google Lighthouse score:
*We recognize that the above scoring is only one benchmark used to measure accessibility and performance. We are making improvements behind the scenes, so the performance score is not comprised as more content pieces are added to a page.
Resources
UF/IFAS Accessibility Webinar Recording
https://youtu.be/kyIYed6EtjE
UF/IFAS Accessibility Cheat Sheet (.pdf file)
This resource is for content providers, editors, writers, and web moderators
VOX Media Resource
https://accessibility.voxmedia.com/
Information on UF/IFAS web policies and practices is found at https://ics.ifas.ufl.edu/our-services/web-services/ and may easily be found by searching for UF IFAS Web Services in any browser.
It is critical that any IFAS faculty or staff member interested in creating, editing or revamping their website first contact the web team at webteam@ifas.ufl.edu to discuss the project. Making this contact at the initial stages of the project will save time, money and frustration of all involved.
If you are considering contracting with an outside vendor to work on your website, please first contact the web team. We request that any outside vendor meet with the web team and possibly with other members of IFAS Communications to learn about web and branding standards before embarking on a project. There are preferred design templates and requirements that should be followed.
Third-party web builders should adhere to the web standards provided as UF/IFAS Web Branding guidelines and as stated on the following page sections: graphics and identity, colors, web fonts, styles, and aa accessibility standards.