Teststyles

test

Google FONT IMPORTS:

  • https://fonts.googleapis.com/css2?family=Hind:wght@400;600&display=swap
  • https://fonts.googleapis.com/css?family=Lato:300,400,700,900

LOCAL FONTS (Hosted by Bernardin.ca - antiquated - should be embeds):

  • font-family: CooperHewitt-Bold
    url(/fonts/CooperHewitt-Bold.woff) format("woff")

    font-family: CooperHewitt-Semibold
    url(/fonts/CooperHewitt-Semibold.woff) format("woff")

    font-family: Frutiger-Roman;
    url(/fonts/Frutiger-Roman.otf) format("truetype");

- Note: site does not use frutiger - roman fonts.

Website FONT MAP:

Header Text - H1 element

  • (product titles, recipe titles, content page banner titles)
  • font-family: CooperHewitt-Bold, sans-serif;

Header Text - H2 element

  • (Recipe category names, content sub-titles, search titles, @bernardincanning)
  • font-family: CooperHewitt-Bold, sans-serif;

Header Text - H3 element

  • (Recipes landing > recipe titles, content sub-titles)
  • font-family: CooperHewitt-Semibold, sans-serif;

Header Text - H4 element

  • (department name, product name, content sub-titles, recipe top label values)
  • font-family: CooperHewitt-Semibold, sans-serif;
Header Text - H5 element
  •  (content sub-titles)
  • font-family: CooperHewitt-Bold, sans-serif;
Header Text - H6 element
  • (department category name on product page, recipe top labels, content sub-titles)
  • font-family: CooperHewitt-Bold, sans-serif;

body, font, p: 

  • font-family: Hind, sans-serif;

Unordered (bullet) list (UL > LI)

  • font-family: Hind, sans-serif;

Ordered (numbered) list (OL > LI)

  • font-family: Hind, sans-serif;

CUSTOM BUTTONS:

 

  • font-family: CooperHewitt-Semibold, sans-serif;

  • font-family: CooperHewitt-Semibold, sans-serif;

Color Primary  Color Secondary Color Tertiary Color Success Color Warning Color Alert Color Light Gray Color Medium Gray Color Medium Gray

  • font-family: CooperHewitt-Semibold, sans-serif;

PAGE BANNER TITLES (HEADING 1)

Products | Where To Buy | How To Guide | Recipes | Frequently Asked Questions

  • font-family: CooperHewitt-Bold, sans-serif;

MENU TEXT (PARENT / SUB):

Products | Where To Buy | How To Guide | Recipes | Frequently Asked Questions

  • font-family: Hind, sans-serif;

FAQ SHOW HIDE LIST Category buttons:

General Safety Canning Contact Fermentation Recipes Discontinued Products

  • font-family: CooperHewitt-Semibold, sans-serif;

RECIPE Page:

Heading 5 - Recipe Category - "Fruit":

  • font-family: CooperHewitt-Bold, sans-serif;

Heading 1 - Recipe Title - "Apple Butter Honey":

  • font-family: CooperHewitt-Bold, sans-serif;

Recipe Top Description:

  • font-family: Hind, sans-serif; 
  • content - content should follow default paragraph styling and heading usage, noted above. We cannot control if users deviated from default font usage. 

Reviews: 

Reviews - Heading 2:

  • font-family: CooperHewitt-Bold, sans-serif;

Review Field Labels: 

  • font-family: CooperHewitt-Bold, sans-serif;

Review Date (Heading 6): 

  • font-family: CooperHewitt-Bold, sans-serif;

Review Author (Heading 3):

  • font-family: CooperHewitt-Semibold, sans-serif;

Review Body:

  • font-family: Hind, sans-serif;