Hey all.

About to rip out my hair out over this one. Attempting to use a custom font called Copernicus using @font-face. I've done this many times before on some of our bigger communications. Today, I'm experiencing zero luck rendering fall back fonts in MSO 2010 and 2013.

The three common fixes outlined outlined in this Email on Acid article are not working:
1. Conditional comments aren't fixing it. (Has worked in the past!)
2. Using the <span> trick is not working. (Has worked in the past!)
3. Using the CSS [style*='CustomFont'] trick is not working. (Was working just the other day!)

I'm pasting all the relevant code. Eager for any tips.

@font-face {
        font-family:'Copernicus';
        src:url('source.com');
        src:url('source.com') format('embedded-opentype'),
            url('source.com') format('woff'),
            url('source.com') format('truetype'),
            url('source.com') format('svg');
        font-weight: 400;
        font-style: normal;
         }
    }


 .custom {
   font-family: Georgia, serif, 'Copernicus';
 }

 [style*="Copernicus"] {
     font-family: 'Copernicus', Georgia, serif !important;
 } 


 <p class="text-center" style="font-family:Georgia, serif;">
                                         <span class="custom">
                                           Lorem Ipsum.
                                         </span>
                                       </p>

EDIT:

I believe I fixed the issue!

The popular [select*="CustomFont"]… fix needs to be added AFTER inlining.