/**
 * Renders the Saudi Riyal Sign (U+20C1) on the front-end with the dedicated
 * font, on any theme.
 *
 * The `filter_saudi_riyal` filter wraps the sign in `.saudi-riyal-sign`, so the
 * module controls the font for that one glyph only. The active theme's fonts
 * are never touched — there is no dependency on Bootstrap or any theme
 * variable, so this works on a custom theme with custom fonts.
 */
@font-face {
  font-family: 'SaudiRiyal';
  src: url('../fonts/saudi_riyal_regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

.saudi-riyal-sign {
  font-family: 'SaudiRiyal', sans-serif;
}