Custom fonts imported from P6 have bad naming

[postmastersteve]

When ProPhoto 6 designs are imported into P7, any custom uploaded fonts are loaded into the WordPress media library so they can be used in P7. But the importing process gives these fonts a specialized naming convention in the library, such as this:

Imported P6 design file:mi_teiyng_script-webfont.woff

This causes the CSS to refer to the font file in the @font-face definition under the same name, e.g. this:

@font-face {
  font-family: "Imported P6 design file:mi_teiyng_script-webfont.woff";
  src: url("https://www.hetlerphotography.com/wp-content/uploads/2020/02/mi_teiyng_script-webfont.woff") format("woff")
}

This font-family name/format works okay in most browsers, but prevents the font from displaying in Internet Explorer 11. Maybe the colon isn't supported?

To fix the issue manually:

• download the WOFF referenced in the font style
• edit the font style(s) which use this font
• upload the WOFF to create a new User Uploaded font
• select that new copy for the font family in the font style(s) where it was used
• (optional) remove the old imported version from the WordPress media library

[postmastersteve]

+1 Kellie Hetler ticket 201098