{"version":"1.0","provider_name":"WHUZZUP!","provider_url":"https:\/\/ericbrooks.com\/whuzzup","author_name":"Eric Brooks","author_url":"https:\/\/ericbrooks.com\/whuzzup\/author\/site-admin\/","title":"[Tutorial] Web Fonts Custom Fonts Using font-face - WHUZZUP!","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"ii9otv2xXy\"><a href=\"https:\/\/ericbrooks.com\/whuzzup\/tutorial-web-fonts-custom-fonts-using-font-face\/\">[Tutorial] Web Fonts Custom Fonts Using font-face<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/ericbrooks.com\/whuzzup\/tutorial-web-fonts-custom-fonts-using-font-face\/embed\/#?secret=ii9otv2xXy\" width=\"600\" height=\"338\" title=\"&#8220;[Tutorial] Web Fonts Custom Fonts Using font-face&#8221; &#8212; WHUZZUP!\" data-secret=\"ii9otv2xXy\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/ericbrooks.com\/whuzzup\/wp-includes\/js\/wp-embed.min.js\n\/* ]]> *\/\n<\/script>\n","description":"With font-face, the required urls of different fonts in a site, each present in its corresponding domain, are provided and when the page is opened in the client side, the fonts those have been mentioned in those particular urls are downloaded on the fly and displayed.","thumbnail_url":"http:\/\/ericbrooks.com\/images\/tutorials\/css_icon.png"}