bootstrap-fluent-design_template/scss/_typography.scss

// Typography
// Open Sans

/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('#{$open-font-path}open-sans-v15-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
       url('#{$open-font-path}open-sans-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('#{$open-font-path}open-sans-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('#{$open-font-path}open-sans-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('#{$open-font-path}open-sans-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('#{$open-font-path}open-sans-v15-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('#{$open-font-path}open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('#{$open-font-path}open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('#{$open-font-path}open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('#{$open-font-path}open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('#{$open-font-path}open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('#{$open-font-path}open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('#{$open-font-path}open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('#{$open-font-path}open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('#{$open-font-path}open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('#{$open-font-path}open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('#{$open-font-path}open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('#{$open-font-path}open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('#{$open-font-path}open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('#{$open-font-path}open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('#{$open-font-path}open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('#{$open-font-path}open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('#{$open-font-path}open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('#{$open-font-path}open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('#{$open-font-path}open-sans-v15-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
       url('#{$open-font-path}open-sans-v15-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('#{$open-font-path}open-sans-v15-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('#{$open-font-path}open-sans-v15-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('#{$open-font-path}open-sans-v15-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('#{$open-font-path}open-sans-v15-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('#{$open-font-path}open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('#{$open-font-path}open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('#{$open-font-path}open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('#{$open-font-path}open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('#{$open-font-path}open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('#{$open-font-path}open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('#{$open-font-path}open-sans-v15-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('#{$open-font-path}open-sans-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('#{$open-font-path}open-sans-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('#{$open-font-path}open-sans-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('#{$open-font-path}open-sans-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('#{$open-font-path}open-sans-v15-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('#{$open-font-path}open-sans-v15-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
       url('#{$open-font-path}open-sans-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('#{$open-font-path}open-sans-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('#{$open-font-path}open-sans-v15-latin-800.woff') format('woff'), /* Modern Browsers */
       url('#{$open-font-path}open-sans-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('#{$open-font-path}open-sans-v15-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('#{$open-font-path}open-sans-v15-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'),
       url('#{$open-font-path}open-sans-v15-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('#{$open-font-path}open-sans-v15-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('#{$open-font-path}open-sans-v15-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('#{$open-font-path}open-sans-v15-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('#{$open-font-path}open-sans-v15-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('#{$open-font-path}open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('#{$open-font-path}open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('#{$open-font-path}open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('#{$open-font-path}open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('#{$open-font-path}open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('#{$open-font-path}open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 300;
}

.sh1 {
  font-size: 1.75rem;
}
.sh2 {
  font-size: 1.55rem;
}
.sh3 {
  font-size: 1.35rem;
}
.sh4 {
  font-size: 1.15rem;
}
.sh5, .sh6 {
  font-size: 1rem;
}
.p1 {
  font-size: 1.4em;
}
.p2 {
  font-size: 1.2rem;
}
.p3, .p4, .p5, .p6 {
 font-size: 1rem;
}

// Blockquote
.blockquote {
  padding: $blockquote-padding-y $blockquote-padding-x;
  border-left: .25rem solid #eceeef;
  &.text-right {
    border-left: none;
    border-right: .25rem solid #eceeef;
  }
}

.bd-highlight {
  background-color: rgba(86,61,124,.15);
  border: 1px solid rgba(86,61,124,.15);
}