BYU Global Assets

Included here are backgrounds and logos for BYU web sites. Link directly from here or download them for use on your server.

Logos

Best practices

The logos work best as text-replacement background images. This allows search engines and screen readers to access the content, and allows you to control the display via CSS. In this way, the BYU logo can change based on context if needed, enabling better responsive web designs. If you need it, here's an example of the image replacement technique.

html

<h1 class="logo ir">
  BYU: Brigham Young University
</h1>

css

.ir { /* hide the text */
  text-indent: -9999em;
  text-align: left;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
}

h1.logo { /* show the logo */
  background-image: url("../img/byu-logo.svg");
}