https://www.fontspace.com/dist/3307.8cce2bc783d7646cc715.js

1(self.webpackChunkfontspace_web=self.webpackChunkfontspace_web||[]).push([[3307],{1600:function(t,e,s){"use strict";s.r(e);var o=s(1601),a=s.n(o),r=s(6314),i=s.n(r)()(a());i.push([t.id,'.search-input{transition:transform .2s ease;will-change:transform;transform:scale(1);position:relative}.search-input .search-icon{position:absolute;z-index:2;left:15px;color:#9c9c9c;pointer-events:none}.search-input .search-icon::after{content:"";position:absolute;width:1px;height:80%;top:10%;left:25px;background:#e3e3e3}.search-input .search-box{border-radius:12px;border:0;line-height:30px;padding:4px 20px 4px 55px;background:#fff;color:#b3b3b3;font-size:.9rem;font-weight:600;max-width:100%;transition:tranform .2s ease}.search-input .search-box::placeholder{color:#9c9c9c}@supports(-webkit-overflow-scrolling: touch){.search-input .search-box{font-size:16px !important;padding:0 20 0 55px}}',""]),e.default=i},8500:function(t,e,s){"use strict";s.r(e);var o=s(1601),a=s.n(o),r=s(6314),i=s.n(r)()(a());i.push([t.id,".topics-label{font-size:1rem;font-weight:bold}.topic-btn{border:1px solid rgba(0,0,0,0);background-color:#d6d6d6;white-space:nowrap;font-weight:bold;transition:filter .2s ease;font-size:1rem;margin:0;transition:background-color .2s ease-out;border-radius:14px;padding:4px 16px;margin:4px}.topic-btn h4{margin:0}.topic-btn a{display:flex;align-items:center;color:#7b7b7b}.topic-btn.real-topic{background-color:#ccc}.dark-mode .topic-btn{background-color:#9ea1a7}.dark-mode .topic-btn a{color:#000}.dark-mode .topic-btn.real-topic{border:1px solid #000}.topic-btn .exemplar{display:none;border-radius:50%;height:20px;width:20px;background:#fff;margin:0 6px}.topic-btn:hover{text-decoration:none;background-color:#fff}.topic-btn.first{margin-left:1rem}.topic-btn:not(:last-child){margin-right:5px}.topic-list{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overflow-y:hidden;white-space:nowrap;width:100%;position:relative;user-select:none}.topic-list li{display:inline-block}.topic-list::-webkit-scrollbar{height:6px}.topic-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,0)}.topic-bar{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;overflow-y:hidden;white-space:nowrap;user-select:none;padding:0 0 10px 0}.topic-bar .title{font-weight:bold;color:#959595;font-size:.9rem}.topic-bar .vertical-divider{border:1px solid #ccc}.topic-bar li{white-space:nowrap}.topic-bar .carousel-left,.topic-bar .carousel-right{display:none;user-select:none;position:absolute;top:0px;height:100%;cursor:pointer;font-size:2rem;opacity:.4;transition:all .3s ease-in-out;color:#959595}.topic-bar .carousel-left:hover,.topic-bar .carousel-right:hover{color:#000}.topic-bar .carousel-left{left:0px;background:linear-gradient(to right, #E6E6E6, rgba(255, 255, 255, 0))}.topic-bar .carousel-right{right:0px;background:linear-gradient(to left, #E6E6E6, rgba(255, 255, 255, 0))}.dark-mode .topic-bar .carousel-left{background:linear-gradient(to right, #202733, rgba(255, 255, 255, 0))}.dark-mode .topic-bar .carousel-right{background:linear-gradient(to left, #202733, rgba(255, 255, 255, 0))}@media(min-width: 600px){.topic-bar{padding:10px 0 10px 0}.topic-bar .carousel-left,.topic-bar .carousel-right{display:block}}",""]),e.default=i},2495:function(t,e,s){"use strict";s.r(e);var o=s(1601),a=s.n(o),r=s(6314),i=s.n(r)()(a());i.push([t.id,".all-styles-page{min-height:800px}.all-styles-page .search-input .search-box{width:100%}",""]),e.default=i},3149:function(t,e,s){"use strict";s.d(e,{A:function(){return i}});var o=s(181),a=s.n(o),r={props:["value","placeholder"],data(){return{searchQuery:"",focused:!1}},methods:{handleInput:a()((function(t){console.log("input",t),this.$emit("input",t)}),300)}},i=(s(6627),(0,s(4486).A)(r,(function(){var t=this,e=t._self._c;return e("div",{staticClass:"flex-center search-input"},[e("div",{staticClass:"search-icon"},[e("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",height:"14",viewBox:"0 0 16.505 16.494"}},[e("path",{attrs:{d:"M426.811,312.25a6.71,6.71,0,1,1,1.172-1.169l.011-.014,4.49,4.472-1.192,1.192-4.474-4.481Zm-4.112-.268a5.035,5.035,0,0,0,0-10.071h0a5.035,5.035,0,0,0,0,10.071Z",transform:"translate(-415.978 -300.236)",fill:"gray"}})])]),t._v(" "),e("input",{staticClass:"search-box",attrs:{placeholder:t.placeholder},domProps:{value:t.value},on:{input:function(e){return t.handleInput(e.target.value)},focus:function(e){t.focused=!0},blur:function(e){t.focused=!1}}})])}

1),[],!1,null,null,null).exports)},8040:function(t,e,s){"use strict";s.d(e,{A:function(){return n}});var o=s(181),a=s.n(o),r={components:{},props:["tags","active","label","labelType","hideLabel","wrap"],computed:{labelTag(){return this.labelType||"h3"},leftStyle(){return{opacity:this.showLeft?1:0}},rightStyle(){return{opacity:this.showRight?1:0}}},data(){return{showLeft:!1,showRight:!1,dragging:!1,scrollLeft:0,startX:0}},methods:{mousedown(t){const e=this.$refs.links;e&&(this.dragging=!0,this.scrollLeft=e.scrollLeft,this.startX=t.clientX)},mousemove(t){if(!this.dragging)return;const e=this.$refs.links;if(e){const s=this.scrollLeft+this.startX-t.clientX;e.scrollLeft=s}},pageLeft(){const t=this.$refs.links;if(t){const e=t.scrollLeft-t.offsetWidth;t.scrollLeft=Math.max(0,e),this.updateControls()}},pageRight(){const t=this.$refs.links;if(t){const e=t.scrollLeft+t.offsetWidth,s=t.scrollWidth-t.offsetWidth;t.scrollLeft=Math.min(s,e),this.updateControls()}},updateControls(){const t=this.$refs.links;if(t){const e=t.scrollLeft,s=e+t.offsetWidth,o=t.scrollWidth;this.showLeft=e>0,this.showRight=s<o}},handleScroll:a()((function(t){this.updateControls()}),300),handleResize:a()((function(t){this.updateControls()}),300)},watch:{tags(){this.updateControls()}},async mounted(){this.$refs.links,window.addEventListener("resize",this.handleResize),this.updateControls()},async updated(){await this.$nextTick(),this.updateControls()},beforeDestroy(){window.removeEventListener("resize",this.handleResize)}},i=(s(295),(0,s(4486).A)(r,(function(){var t=this,e=t._self._c;return e("div",{staticClass:"topic-bar",attrs:{draggable:"false"},on:{mousedown:t.mousedown,mouseup:function(e){t.dragging=!1},mouseleave:function(e){t.dragging=!1},mousemove:t.mousemove}},[t.hideLabel?t._e():e(t.labelTag,{tag:"component",staticClass:"no-margin text-light1 buffer1-right topics-label",staticStyle:{"margin-left":"40px"}},[t._v(t._s(t.label||"Related Styles"))]),t._v(" "),e("ul",{ref:"links",staticClass:"unstyled topic-list",class:{"flex flex-wrap":t.wrap},on:{"&scroll":function(e){return t.handleScroll.apply(null,arguments)}}},t._l(t.tags,(function(s){return e("li",{key:s.slug,staticClass:"topic-btn",class:{"real-topic":s.topic}},[e("router-link",{attrs:{to:{name:"category-fonts",params:{tags:decodeURI(s.slug)}},draggable:"false",rel:"category tag",title:s.label+" fonts"}},[e("span",{staticClass:"exemplar"}),t._v(" "),e("h4",[t._v(t._s(s.label))])])],1)})),0),t._v(" "),e("div",{staticClass:"carousel-left",style:t.leftStyle,on:{click:t.pageLeft}},[e("svg",{staticClass:"feather feather-chevrons-left",attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}},[e("polyline",{attrs:{points:"11 17 6 12 11 7"}}),e("polyline",{attrs:{points:"18 17 13 12 18 7"}})])]),t._v(" "),e("div",{staticClass:"carousel-right",style:t.rightStyle,on:{click:t.pageRight}},[e("svg",{staticClass:"feather feather-chevrons-right",attrs:{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}},[e("polyline",{attrs:{points:"13 17 18 12 13 7"}}),e("polyline",{attrs:{points:"6 17 11 12 6 7"}})])])],1)}),[],!1,null,null,null)),n=i.exports},3307:function(t,e,s){"use strict";s.r(e),s.d(e,{default:function(){return d}});var o=s(5353),a=s(6755),r=s.n(a),i=s(181),n=s.n(i),l=s(3149),c=s(8040),p=s(41),h={components:{SearchInput:l.A,TopicLinks:c.A,Dropdown:p.A},computed:{...(0,o.aH)({searchResults:"topicsResult"}),totalHits(){return this.searchResults?this.searchResults.hits:void 0},params(){return this.$route.hash.length?r().parse(this.$route.hash.substring(1)):{}},wildcard(){return this.params.q||""}},asyncData:function({store:t,route:e,context:s}){const o=s.origin;return e.hash.length&&r().parse(e.hash.substring(1)),t.dispatch("searchTopics",{origin:o,size:400,hash:e.hash})},data(){return{pageSize:400,sortOptions:[{name:"Popular",key:"popular"},{name:"Name",key:"name"},{name:"# Fonts",key:"count"}]}},methods:{selectSort(t){console.log("selectSort",t);const e={...this.params,sort:t.key};this.$router.replace({query:{},hash:r().stringify(e)})},handleSearchInput:n()((function(t){console.log("handleSearchInput",t);const e={...this.params,q:t};t||delete e.q,delete e.p,this.$router.replace({query:{},hash:r().stringify(e)})}),300)},mounted(){document.title="All Font Styles | FontSpace"},watch:{}},d=(s(9784),(0,s(4486).A)(h,(function(){var t=this,e=t._self._c;return e("main",{staticClass:"all-styles-page container-ads banner-adjust"},[e("div",{staticClass:"container"},[e("navigation-links",{attrs:{active:"styles"}})],1),t._v(" "),e("h1",{staticClass:"text-center buffer-top"},[t._v("\n        Every Font Style\n    ")]),t._v(" "),e("p",{staticClass:"text-center"},[t._v("There are thousands of font styles that have been hand-categorized. Browse or search below.")]),t._v(" "),e("div",{staticStyle:{display:"flex"}},[e("div",{staticClass:"ad-lsky"},[e("AdRightSkyscraper",{key:"adlr"+t.$store.state.adCount,attrs:{adslot:"leftrail"}})],1),t._v(" "),e("div",{staticClass:"col-shrinkable content-rounded-both pad-5m-20d flex-distribute-vertical w-100",staticStyle:{"min-height":"1000px"}},[e("div",{staticClass:"flex-center pad-5m-0d"},[e("Dropdown",{staticClass:"sortby-dropdown",attrs:{options:t.sortOptions,placeholder:"Sort by"},on:{updateOption:t.selectSort}}),t._v(" "),e("SearchInput",{staticClass:"w-100",attrs:{placeholder:"Search for styles...",value:t.wildcard},on:{input:t.handleSearchInput}})],1),t._v(" "),t.searchResults?0===t.totalHits?e("div",{staticClass:"flex-center-hv flex-v buffer"},[e("span",{staticClass:"text-huge"},[t._v("😢")]),t._v(" "),e("h3",[t._v("Nothing found")])]):[e("TopicLinks",{attrs:{tags:t.searchResults.records,wrap:!0,label:" "}}),t._v(" "),e("VirtualPager",{attrs:{mode:"hash","items-per-page":t.pageSize,total:t.totalHits}})]:e("div",{staticClass:"text-center"},[e("div",{staticClass:"loader"},[t._v("Loading...")])])],2),t._v(" "),e("div",{staticClass:"ad-rsky"},[e("AdRightSkyscraper",{key:"adrr"+t.$store.state.adCount,staticClass:"sticky"})],1)])])}

1),[],!1,null,null,null).exports)},6627:function(t,e,s){var o=s(1600);o.__esModule&&(o=o.default),"string"==typeof o&&(o=[[t.id,o,""]]),o.locals&&(t.exports=o.locals),(0,s(534).A)("7add2428",o,!0,{ssrId:!0})},295:function(t,e,s){var o=s(8500);o.__esModule&&(o=o.default),"string"==typeof o&&(o=[[t.id,o,""]]),o.locals&&(t.exports=o.locals),(0,s(534).A)("aee4afaa",o,!0,{ssrId:!0})},9784:function(t,e,s){var o=s(2495);o.__esModule&&(o=o.default),"string"==typeof o&&(o=[[t.id,o,""]]),o.locals&&(t.exports=o.locals),(0,s(534).A)("12849f2c",o,!0,{ssrId:!0})}}]);