[Webkit-unassigned] [Bug 79186] New: Web font is not loaded if specified by link element dynamically inserted

Tue Feb 21 19:34:09 PST 2012

https://bugs.webkit.org/show_bug.cgi?id=79186

           Summary: Web font is not loaded if specified by link element
                    dynamically inserted
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Unspecified
        OS/Version: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: yuzo at google.com
                CC: bashi at chromium.org

Created an attachment (id=128113)
 --> (https://bugs.webkit.org/attachment.cgi?id=128113&action=review)
insert-css-link.html (test case)

1. Open the attached insert-css-link.html.
2. Observe both "Felipa" and "Arial" are rendered with Arial, where "Felipa" must be rendered with Felipa.

This issue has been observed for:
- WebKit r108205 + Safari 5.1.2 on OS X 10.6.8
- Chrome 19.0.1041.0 dev on OS X 10.6.8

This issue has *NOT* been observed for:
- Safari 5.1.2 (6534.52.7) on OS X 10.6.8
- Firefox 10.0.2 on OS X 10.6.8
- Opera 11.61 on OS X 10.6.8

insert-css-link.html:

<head>                                                                          
<style>                                                                         
* {                                                                             
  font-size: 24px;                                                              
}                                                                               
.princess {                                                                     
  font-family: 'Felipa', 'Arial';                                               
}                                                                               
</style>                                                                        
</head>                                                                         

<div class="princess">Felipa</div>                                              
<div style="font-family:Arial">Arial</div>                                      

<script>                                                                        
window.setTimeout(                                                              
  function() {                                                                  
    var link = document.createElement("link");                                  
    link.setAttribute("href", "http://fonts.googleapis.com/css?family=Felipa"); 
    link.setAttribute("rel", "stylesheet");                                     
    link.setAttribute("type", "text/css");                                      
    document.head.appendChild(link);                                            
  },                                                                            
  1);                                                                           
</script>

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.