{"id":146,"date":"2017-12-13T11:57:13","date_gmt":"2017-12-13T10:57:13","guid":{"rendered":"https:\/\/sketch2react.wordpress.com\/2017\/12\/13\/dev-diary-part-2-bootstrap-font-pro-and-rapidweaver\/"},"modified":"2020-11-29T17:24:21","modified_gmt":"2020-11-29T16:24:21","slug":"dev-diary-part-2-bootstrap-font-pro-and-rapidweaver","status":"publish","type":"post","link":"https:\/\/sketch2react.io\/blog\/dev-diary-part-2-bootstrap-font-pro-and-rapidweaver\/","title":{"rendered":"Dev Diary Part 2 \u2014 Bootstrap, Font Pro and RapidWeaver"},"content":{"rendered":"<figure>\n<p><img decoding=\"async\" data-width=\"1920\" data-height=\"1080\" src=\"https:\/\/cdn-images-1.medium.com\/max\/2560\/1*rV511onJH2eDFGQByi6PZQ.jpeg\"><br \/>\n<\/figure>\n<p>Here\u2019s a somewhat confusing developers diary where I go through how far I have come with the adaptation of my 10 Great Google Font Combos to be used with other things than the Foundation framework.<br \/>So go grab yourselfs some hot \u2615\ufe0fand check it out if you have a total of 7.03 minutes to spare. Cheers!<\/p>\n<div class=\"nv-iframe-embed\"><iframe loading=\"lazy\" title=\"More Bootstrap 4, Font Pro and RapidWeaver goodness\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/16Q55ia94-o?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<h4>Resources I talk about in this dev\u00a0diary<\/h4>\n<p>\u2022 Sip for Mac and iOS\u200a\u2014\u200a<a href=\"https:\/\/sipapp.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/sipapp.io\/<\/a><br \/>\u2022 Big White Duck Stacks\u200a\u2014\u200a<a href=\"http:\/\/%20https:\/\/bigwhiteduck.com\/stacks\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/bigwhiteduck.com\/stacks\/<\/a><br \/>\u2022 Instacks Blankstrap Theme\u200a\u2014\u200a<a href=\"http:\/\/%20https:\/\/jrondorf.github.io\/Blankstrap\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/jrondorf.github.io\/Blankstrap\/<\/a><br \/>\u2022 Font Pro from Joe Workman\u200a\u2014\u200a<a href=\"https:\/\/rapidweavercommunity.com\/addons\/stacks\/font-pro\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/rapidweavercommunity.com\/addons\/stacks\/font-pro<\/a><br \/>\u2022 RapidWeaver for Mac\u200a\u2014\u200a<a href=\"http:\/\/%20https:\/\/www.realmacsoftware.com\/rapidweaver\/%20%0A\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.realmacsoftware.com\/rapidweaver\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Here\u2019s a somewhat confusing developers diary where I go through how far I have come with the adaptation of my 10 Great Google Font Combos to be used with other things than the Foundation framework.So go grab yourselfs some hot \u2615\ufe0fand check it out if you have a total of 7.03 minutes to spare. Cheers!&hellip;&nbsp;<a href=\"https:\/\/sketch2react.io\/blog\/dev-diary-part-2-bootstrap-font-pro-and-rapidweaver\/\" class=\"\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">Dev Diary Part 2 \u2014 Bootstrap, Font Pro and RapidWeaver<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"bgseo_title":"","bgseo_description":"","bgseo_robots_index":"","bgseo_robots_follow":"","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[168],"tags":[37,38,13,14],"class_list":["post-146","post","type-post","status-publish","format-standard","hentry","category-miscellaneous","tag-bootstrap-4","tag-dev-diary","tag-google-fonts","tag-rapidweaver-7"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Dev Diary Part 2 \u2014 Bootstrap, Font Pro and RapidWeaver | Sketch2React Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sketch2react.io\/blog\/dev-diary-part-2-bootstrap-font-pro-and-rapidweaver\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dev Diary Part 2 \u2014 Bootstrap, Font Pro and RapidWeaver - Sketch2React Blog\" \/>\n<meta property=\"og:description\" content=\"Here\u2019s a somewhat confusing developers diary where I go through how far I have come with the adaptation of my 10 Great Google Font Combos to be used with other things than the Foundation framework.So go grab yourselfs some hot \u2615\ufe0fand check it out if you have a total of 7.03 minutes to spare. Cheers!&hellip;&nbsp;Read More &raquo;Dev Diary Part 2 \u2014 Bootstrap, Font Pro and RapidWeaver\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sketch2react.io\/blog\/dev-diary-part-2-bootstrap-font-pro-and-rapidweaver\/\" \/>\n<meta property=\"og:site_name\" content=\"Sketch2React Blog\" \/>\n<meta property=\"article:published_time\" content=\"2017-12-13T10:57:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-11-29T16:24:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn-images-1.medium.com\/max\/2560\/1*rV511onJH2eDFGQByi6PZQ.jpeg\" \/>\n<meta name=\"author\" content=\"Juan Maguid\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Juan Maguid\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/sketch2react.io\/blog\/dev-diary-part-2-bootstrap-font-pro-and-rapidweaver\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/dev-diary-part-2-bootstrap-font-pro-and-rapidweaver\/\"},\"author\":{\"name\":\"Juan Maguid\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/7fc8fe20e137be20a66bc8634c059f4e\"},\"headline\":\"Dev Diary Part 2 \u2014 Bootstrap, Font Pro and RapidWeaver\",\"datePublished\":\"2017-12-13T10:57:13+00:00\",\"dateModified\":\"2020-11-29T16:24:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/dev-diary-part-2-bootstrap-font-pro-and-rapidweaver\/\"},\"wordCount\":122,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/dev-diary-part-2-bootstrap-font-pro-and-rapidweaver\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdn-images-1.medium.com\/max\/2560\/1*rV511onJH2eDFGQByi6PZQ.jpeg\",\"keywords\":[\"Bootstrap 4\",\"Dev Diary\",\"Google Fonts\",\"Rapidweaver 7\"],\"articleSection\":[\"Miscellaneous\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/sketch2react.io\/blog\/dev-diary-part-2-bootstrap-font-pro-and-rapidweaver\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sketch2react.io\/blog\/dev-diary-part-2-bootstrap-font-pro-and-rapidweaver\/\",\"url\":\"https:\/\/sketch2react.io\/blog\/dev-diary-part-2-bootstrap-font-pro-and-rapidweaver\/\",\"name\":\"Dev Diary Part 2 \u2014 Bootstrap, Font Pro and RapidWeaver - Sketch2React Blog\",\"isPartOf\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/dev-diary-part-2-bootstrap-font-pro-and-rapidweaver\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/dev-diary-part-2-bootstrap-font-pro-and-rapidweaver\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdn-images-1.medium.com\/max\/2560\/1*rV511onJH2eDFGQByi6PZQ.jpeg\",\"datePublished\":\"2017-12-13T10:57:13+00:00\",\"dateModified\":\"2020-11-29T16:24:21+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/dev-diary-part-2-bootstrap-font-pro-and-rapidweaver\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sketch2react.io\/blog\/dev-diary-part-2-bootstrap-font-pro-and-rapidweaver\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sketch2react.io\/blog\/dev-diary-part-2-bootstrap-font-pro-and-rapidweaver\/#primaryimage\",\"url\":\"https:\/\/cdn-images-1.medium.com\/max\/2560\/1*rV511onJH2eDFGQByi6PZQ.jpeg\",\"contentUrl\":\"https:\/\/cdn-images-1.medium.com\/max\/2560\/1*rV511onJH2eDFGQByi6PZQ.jpeg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sketch2react.io\/blog\/dev-diary-part-2-bootstrap-font-pro-and-rapidweaver\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/sketch2react.io\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dev Diary Part 2 \u2014 Bootstrap, Font Pro and RapidWeaver\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#website\",\"url\":\"https:\/\/sketch2react.io\/blog\/\",\"name\":\"Sketch2React Blog\",\"description\":\"Articles, tutorials, tips &amp; tricks\",\"publisher\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/sketch2react.io\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#organization\",\"name\":\"Sketch2React Blog\",\"url\":\"https:\/\/sketch2react.io\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/10\/cropped-S2R2021Icon.png\",\"contentUrl\":\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/10\/cropped-S2R2021Icon.png\",\"width\":512,\"height\":512,\"caption\":\"Sketch2React Blog\"},\"image\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/7fc8fe20e137be20a66bc8634c059f4e\",\"name\":\"Juan Maguid\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/eac199ca87b7cbb76863825e2f447fafd34ac3b7c4a03c94f499103333c24832?s=96&d=wavatar&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/eac199ca87b7cbb76863825e2f447fafd34ac3b7c4a03c94f499103333c24832?s=96&d=wavatar&r=g\",\"caption\":\"Juan Maguid\"},\"url\":\"https:\/\/sketch2react.io\/blog\/author\/sketch2react\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Dev Diary Part 2 \u2014 Bootstrap, Font Pro and RapidWeaver | Sketch2React Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sketch2react.io\/blog\/dev-diary-part-2-bootstrap-font-pro-and-rapidweaver\/","og_locale":"en_US","og_type":"article","og_title":"Dev Diary Part 2 \u2014 Bootstrap, Font Pro and RapidWeaver - Sketch2React Blog","og_description":"Here\u2019s a somewhat confusing developers diary where I go through how far I have come with the adaptation of my 10 Great Google Font Combos to be used with other things than the Foundation framework.So go grab yourselfs some hot \u2615\ufe0fand check it out if you have a total of 7.03 minutes to spare. Cheers!&hellip;&nbsp;Read More &raquo;Dev Diary Part 2 \u2014 Bootstrap, Font Pro and RapidWeaver","og_url":"https:\/\/sketch2react.io\/blog\/dev-diary-part-2-bootstrap-font-pro-and-rapidweaver\/","og_site_name":"Sketch2React Blog","article_published_time":"2017-12-13T10:57:13+00:00","article_modified_time":"2020-11-29T16:24:21+00:00","og_image":[{"url":"https:\/\/cdn-images-1.medium.com\/max\/2560\/1*rV511onJH2eDFGQByi6PZQ.jpeg","type":"","width":"","height":""}],"author":"Juan Maguid","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Juan Maguid","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/sketch2react.io\/blog\/dev-diary-part-2-bootstrap-font-pro-and-rapidweaver\/#article","isPartOf":{"@id":"https:\/\/sketch2react.io\/blog\/dev-diary-part-2-bootstrap-font-pro-and-rapidweaver\/"},"author":{"name":"Juan Maguid","@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/7fc8fe20e137be20a66bc8634c059f4e"},"headline":"Dev Diary Part 2 \u2014 Bootstrap, Font Pro and RapidWeaver","datePublished":"2017-12-13T10:57:13+00:00","dateModified":"2020-11-29T16:24:21+00:00","mainEntityOfPage":{"@id":"https:\/\/sketch2react.io\/blog\/dev-diary-part-2-bootstrap-font-pro-and-rapidweaver\/"},"wordCount":122,"commentCount":0,"publisher":{"@id":"https:\/\/sketch2react.io\/blog\/#organization"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/dev-diary-part-2-bootstrap-font-pro-and-rapidweaver\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn-images-1.medium.com\/max\/2560\/1*rV511onJH2eDFGQByi6PZQ.jpeg","keywords":["Bootstrap 4","Dev Diary","Google Fonts","Rapidweaver 7"],"articleSection":["Miscellaneous"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/sketch2react.io\/blog\/dev-diary-part-2-bootstrap-font-pro-and-rapidweaver\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/sketch2react.io\/blog\/dev-diary-part-2-bootstrap-font-pro-and-rapidweaver\/","url":"https:\/\/sketch2react.io\/blog\/dev-diary-part-2-bootstrap-font-pro-and-rapidweaver\/","name":"Dev Diary Part 2 \u2014 Bootstrap, Font Pro and RapidWeaver - Sketch2React Blog","isPartOf":{"@id":"https:\/\/sketch2react.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sketch2react.io\/blog\/dev-diary-part-2-bootstrap-font-pro-and-rapidweaver\/#primaryimage"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/dev-diary-part-2-bootstrap-font-pro-and-rapidweaver\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn-images-1.medium.com\/max\/2560\/1*rV511onJH2eDFGQByi6PZQ.jpeg","datePublished":"2017-12-13T10:57:13+00:00","dateModified":"2020-11-29T16:24:21+00:00","breadcrumb":{"@id":"https:\/\/sketch2react.io\/blog\/dev-diary-part-2-bootstrap-font-pro-and-rapidweaver\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sketch2react.io\/blog\/dev-diary-part-2-bootstrap-font-pro-and-rapidweaver\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sketch2react.io\/blog\/dev-diary-part-2-bootstrap-font-pro-and-rapidweaver\/#primaryimage","url":"https:\/\/cdn-images-1.medium.com\/max\/2560\/1*rV511onJH2eDFGQByi6PZQ.jpeg","contentUrl":"https:\/\/cdn-images-1.medium.com\/max\/2560\/1*rV511onJH2eDFGQByi6PZQ.jpeg"},{"@type":"BreadcrumbList","@id":"https:\/\/sketch2react.io\/blog\/dev-diary-part-2-bootstrap-font-pro-and-rapidweaver\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sketch2react.io\/blog\/"},{"@type":"ListItem","position":2,"name":"Dev Diary Part 2 \u2014 Bootstrap, Font Pro and RapidWeaver"}]},{"@type":"WebSite","@id":"https:\/\/sketch2react.io\/blog\/#website","url":"https:\/\/sketch2react.io\/blog\/","name":"Sketch2React Blog","description":"Articles, tutorials, tips &amp; tricks","publisher":{"@id":"https:\/\/sketch2react.io\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sketch2react.io\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/sketch2react.io\/blog\/#organization","name":"Sketch2React Blog","url":"https:\/\/sketch2react.io\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/10\/cropped-S2R2021Icon.png","contentUrl":"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/10\/cropped-S2R2021Icon.png","width":512,"height":512,"caption":"Sketch2React Blog"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/7fc8fe20e137be20a66bc8634c059f4e","name":"Juan Maguid","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/eac199ca87b7cbb76863825e2f447fafd34ac3b7c4a03c94f499103333c24832?s=96&d=wavatar&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/eac199ca87b7cbb76863825e2f447fafd34ac3b7c4a03c94f499103333c24832?s=96&d=wavatar&r=g","caption":"Juan Maguid"},"url":"https:\/\/sketch2react.io\/blog\/author\/sketch2react\/"}]}},"_links":{"self":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/146","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/comments?post=146"}],"version-history":[{"count":2,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/146\/revisions"}],"predecessor-version":[{"id":687,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/146\/revisions\/687"}],"wp:attachment":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/media?parent=146"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/categories?post=146"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/tags?post=146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}