| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| .namespace { |
| display: inline-block; |
| height: 48px; |
| width: 48px; |
| border: 0px; |
| } |
| #container { |
| line-height: 48px; |
| } |
| </style> |
| </head> |
| <body> |
| <p>This test makes sure that that font selection distance function is correctly honored when selecting for font-weight. The test passes if you only see black rectangles below.</p> |
| |
| |
| <div id="container"> |
| <iframe class="namespace" srcdoc="<!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| .test { |
| font-synthesis: none; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 150; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Ahem'); |
| font-weight: 250; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 301; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 450; |
| } |
| </style> |
| </head> |
| <body style='margin: 0px;'> |
| <div class='test' style='font: 300 48px WebFont;'>A</div> |
| </body> |
| </html>"></iframe> |
| |
| |
| <iframe class="namespace" srcdoc="<!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| .test { |
| font-synthesis: none; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Ahem'); |
| font-weight: 150; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 301; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 450; |
| } |
| </style> |
| </head> |
| <body style='margin: 0px;'> |
| <div class='test' style='font: 300 48px WebFont;'>A</div> |
| </body> |
| </html>"></iframe> |
| |
| |
| <iframe class="namespace" srcdoc="<!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| .test { |
| font-synthesis: none; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Ahem'); |
| font-weight: 301; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 450; |
| } |
| </style> |
| </head> |
| <body style='margin: 0px;'> |
| <div class='test' style='font: 300 48px WebFont;'>A</div> |
| </body> |
| </html>"></iframe> |
| |
| |
| <iframe class="namespace" srcdoc="<!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| .test { |
| font-synthesis: none; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 150; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 250; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Ahem'); |
| font-weight: 425; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 475; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 500; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 600; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 700; |
| } |
| </style> |
| </head> |
| <body style='margin: 0px;'> |
| <div class='test' style='font: 400 48px WebFont;'>A</div> |
| </body> |
| </html>"></iframe> |
| |
| |
| <iframe class="namespace" srcdoc="<!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| .test { |
| font-synthesis: none; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 150; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 250; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Ahem'); |
| font-weight: 475; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 500; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 600; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 700; |
| } |
| </style> |
| </head> |
| <body style='margin: 0px;'> |
| <div class='test' style='font: 400 48px WebFont;'>A</div> |
| </body> |
| </html>"></iframe> |
| |
| |
| <iframe class="namespace" srcdoc="<!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| .test { |
| font-synthesis: none; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 150; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 250; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Ahem'); |
| font-weight: 500; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 600; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 700; |
| } |
| </style> |
| </head> |
| <body style='margin: 0px;'> |
| <div class='test' style='font: 400 48px WebFont;'>A</div> |
| </body> |
| </html>"></iframe> |
| |
| |
| <iframe class="namespace" srcdoc="<!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| .test { |
| font-synthesis: none; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 150; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Ahem'); |
| font-weight: 250; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 600; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 700; |
| } |
| </style> |
| </head> |
| <body style='margin: 0px;'> |
| <div class='test' style='font: 400 48px WebFont;'>A</div> |
| </body> |
| </html>"></iframe> |
| |
| |
| <iframe class="namespace" srcdoc="<!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| .test { |
| font-synthesis: none; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Ahem'); |
| font-weight: 150; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 600; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 700; |
| } |
| </style> |
| </head> |
| <body style='margin: 0px;'> |
| <div class='test' style='font: 400 48px WebFont;'>A</div> |
| </body> |
| </html>"></iframe> |
| |
| |
| <iframe class="namespace" srcdoc="<!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| .test { |
| font-synthesis: none; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Ahem'); |
| font-weight: 600; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 700; |
| } |
| </style> |
| </head> |
| <body style='margin: 0px;'> |
| <div class='test' style='font: 400 48px WebFont;'>A</div> |
| </body> |
| </html>"></iframe> |
| |
| |
| <iframe class="namespace" srcdoc="<!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| .test { |
| font-synthesis: none; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 150; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 250; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 425; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Ahem'); |
| font-weight: 475; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 500; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 600; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 700; |
| } |
| </style> |
| </head> |
| <body style='margin: 0px;'> |
| <div class='test' style='font: 450 48px WebFont;'>A</div> |
| </body> |
| </html>"></iframe> |
| |
| |
| <iframe class="namespace" srcdoc="<!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| .test { |
| font-synthesis: none; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 150; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 250; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 425; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Ahem'); |
| font-weight: 500; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 600; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 700; |
| } |
| </style> |
| </head> |
| <body style='margin: 0px;'> |
| <div class='test' style='font: 450 48px WebFont;'>A</div> |
| </body> |
| </html>"></iframe> |
| |
| |
| <iframe class="namespace" srcdoc="<!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| .test { |
| font-synthesis: none; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 150; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 250; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Ahem'); |
| font-weight: 425; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 600; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 700; |
| } |
| </style> |
| </head> |
| <body style='margin: 0px;'> |
| <div class='test' style='font: 450 48px WebFont;'>A</div> |
| </body> |
| </html>"></iframe> |
| |
| |
| <iframe class="namespace" srcdoc="<!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| .test { |
| font-synthesis: none; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 150; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Ahem'); |
| font-weight: 250; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 600; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 700; |
| } |
| </style> |
| </head> |
| <body style='margin: 0px;'> |
| <div class='test' style='font: 450 48px WebFont;'>A</div> |
| </body> |
| </html>"></iframe> |
| |
| |
| <iframe class="namespace" srcdoc="<!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| .test { |
| font-synthesis: none; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Ahem'); |
| font-weight: 150; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 600; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 700; |
| } |
| </style> |
| </head> |
| <body style='margin: 0px;'> |
| <div class='test' style='font: 450 48px WebFont;'>A</div> |
| </body> |
| </html>"></iframe> |
| |
| |
| <iframe class="namespace" srcdoc="<!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| .test { |
| font-synthesis: none; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Ahem'); |
| font-weight: 600; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 700; |
| } |
| </style> |
| </head> |
| <body style='margin: 0px;'> |
| <div class='test' style='font: 450 48px WebFont;'>A</div> |
| </body> |
| </html>"></iframe> |
| |
| |
| <iframe class="namespace" srcdoc="<!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| .test { |
| font-synthesis: none; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 150; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 250; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 400; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 425; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Ahem'); |
| font-weight: 475; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 600; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 700; |
| } |
| </style> |
| </head> |
| <body style='margin: 0px;'> |
| <div class='test' style='font: 500 48px WebFont;'>A</div> |
| </body> |
| </html>"></iframe> |
| |
| |
| <iframe class="namespace" srcdoc="<!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| .test { |
| font-synthesis: none; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 150; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 250; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 400; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Ahem'); |
| font-weight: 425; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 600; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 700; |
| } |
| </style> |
| </head> |
| <body style='margin: 0px;'> |
| <div class='test' style='font: 500 48px WebFont;'>A</div> |
| </body> |
| </html>"></iframe> |
| |
| |
| <iframe class="namespace" srcdoc="<!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| .test { |
| font-synthesis: none; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 150; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 250; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Ahem'); |
| font-weight: 400; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 600; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 700; |
| } |
| </style> |
| </head> |
| <body style='margin: 0px;'> |
| <div class='test' style='font: 500 48px WebFont;'>A</div> |
| </body> |
| </html>"></iframe> |
| |
| |
| <iframe class="namespace" srcdoc="<!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| .test { |
| font-synthesis: none; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 150; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Ahem'); |
| font-weight: 250; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 600; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 700; |
| } |
| </style> |
| </head> |
| <body style='margin: 0px;'> |
| <div class='test' style='font: 500 48px WebFont;'>A</div> |
| </body> |
| </html>"></iframe> |
| |
| |
| <iframe class="namespace" srcdoc="<!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| .test { |
| font-synthesis: none; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Ahem'); |
| font-weight: 150; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 600; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 700; |
| } |
| </style> |
| </head> |
| <body style='margin: 0px;'> |
| <div class='test' style='font: 500 48px WebFont;'>A</div> |
| </body> |
| </html>"></iframe> |
| |
| |
| <iframe class="namespace" srcdoc="<!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| .test { |
| font-synthesis: none; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Ahem'); |
| font-weight: 600; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 700; |
| } |
| </style> |
| </head> |
| <body style='margin: 0px;'> |
| <div class='test' style='font: 500 48px WebFont;'>A</div> |
| </body> |
| </html>"></iframe> |
| |
| |
| <iframe class="namespace" srcdoc="<!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| .test { |
| font-synthesis: none; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 200; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 300; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 400; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 425; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 475; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 500; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Ahem'); |
| font-weight: 700; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 800; |
| } |
| </style> |
| </head> |
| <body style='margin: 0px;'> |
| <div class='test' style='font: 600 48px WebFont;'>A</div> |
| </body> |
| </html>"></iframe> |
| |
| |
| <iframe class="namespace" srcdoc="<!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| .test { |
| font-synthesis: none; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 200; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 300; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 400; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 425; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 475; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 500; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Ahem'); |
| font-weight: 800; |
| } |
| </style> |
| </head> |
| <body style='margin: 0px;'> |
| <div class='test' style='font: 600 48px WebFont;'>A</div> |
| </body> |
| </html>"></iframe> |
| |
| |
| <iframe class="namespace" srcdoc="<!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| .test { |
| font-synthesis: none; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 200; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 300; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 400; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 425; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 475; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Ahem'); |
| font-weight: 500; |
| } |
| </style> |
| </head> |
| <body style='margin: 0px;'> |
| <div class='test' style='font: 600 48px WebFont;'>A</div> |
| </body> |
| </html>"></iframe> |
| |
| |
| <iframe class="namespace" srcdoc="<!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| .test { |
| font-synthesis: none; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 200; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 300; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 400; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 425; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Ahem'); |
| font-weight: 475; |
| } |
| </style> |
| </head> |
| <body style='margin: 0px;'> |
| <div class='test' style='font: 600 48px WebFont;'>A</div> |
| </body> |
| </html>"></iframe> |
| |
| |
| <iframe class="namespace" srcdoc="<!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| .test { |
| font-synthesis: none; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 200; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 300; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 400; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Ahem'); |
| font-weight: 425; |
| } |
| </style> |
| </head> |
| <body style='margin: 0px;'> |
| <div class='test' style='font: 600 48px WebFont;'>A</div> |
| </body> |
| </html>"></iframe> |
| |
| |
| <iframe class="namespace" srcdoc="<!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| .test { |
| font-synthesis: none; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 200; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 300; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Ahem'); |
| font-weight: 400; |
| } |
| </style> |
| </head> |
| <body style='margin: 0px;'> |
| <div class='test' style='font: 600 48px WebFont;'>A</div> |
| </body> |
| </html>"></iframe> |
| |
| |
| <iframe class="namespace" srcdoc="<!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| .test { |
| font-synthesis: none; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Helvetica'); |
| font-weight: 200; |
| } |
| @font-face { |
| font-family: 'WebFont'; |
| src: local('Ahem'); |
| font-weight: 300; |
| } |
| </style> |
| </head> |
| <body style='margin: 0px;'> |
| <div class='test' style='font: 600 48px WebFont;'>A</div> |
| </body> |
| </html>"></iframe> |
| |
| </div> |
| </body> |
| <html> |
