{"id":2753,"date":"2018-01-11T05:11:14","date_gmt":"2018-01-11T05:11:14","guid":{"rendered":"https:\/\/docs.contentviewspro.com\/?p=2753"},"modified":"2023-12-27T10:32:56","modified_gmt":"2023-12-27T10:32:56","password":"","slug":"use-custom-font-name","status":"publish","type":"docs","link":"https:\/\/contentviewspro.com\/documentation\/article\/use-custom-font-name\/","title":{"rendered":"Style Settings &#8211; Use custom font name"},"content":{"rendered":"<p>Content Views Pro offers many fonts to styling your content.<br \/>\nIf you want to use custom font which is not in the default list, please follow the steps below:<\/p>\n<p>1. Please ensure that the custom font was defined somewhere, for example:<\/p>\n<pre>\n@font-face {\n  font-family: \"My font\";\n  src: url(\"\/fonts\/Font1-Regular-webfont.woff2\") format(\"woff2\"),\n       url(\"\/fonts\/Font1-Regular-webfont.woff\") format(\"woff\");\n}\n<\/pre>\n<p>2.<\/p>\n<ul>\n<li>In the Style Settings tab, click the <code>- Default Font -<\/code> dropdown<\/li>\n<li>Select the <code>Custom font<\/code> option<\/li>\n<li>Enter the custom font name in the text field<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2018\/01\/CVPro-custom-font-name.png\" alt=\"Content Views Pro - custom font name\" width=\"774\" height=\"163\" class=\"alignnone size-full wp-image-2755\" srcset=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2018\/01\/CVPro-custom-font-name.png 774w, https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2018\/01\/CVPro-custom-font-name-300x63.png 300w, https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2018\/01\/CVPro-custom-font-name-768x162.png 768w\" sizes=\"auto, (max-width: 774px) 100vw, 774px\" \/><\/p>\n<p>Best regards,<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Content Views Pro offers many fonts to styling your content. If you want to use custom font which is not in the default list, please follow the steps below: 1. Please ensure that the custom font was defined somewhere, for example: @font-face { font-family: &#8220;My font&#8221;; src: url(&#8220;\/fonts\/Font1-Regular-webfont.woff2&#8221;) format(&#8220;woff2&#8221;), url(&#8220;\/fonts\/Font1-Regular-webfont.woff&#8221;) format(&#8220;woff&#8221;); } 2. In the &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/contentviewspro.com\/documentation\/article\/use-custom-font-name\/\"> <span class=\"screen-reader-text\">Style Settings &#8211; Use custom font name<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"doc_category":[47],"doc_tag":[],"class_list":["post-2753","docs","type-docs","status-publish","hentry","doc_category-customize-css-style"],"year_month":"2026-09","word_count":87,"total_views":"3","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"admin1","author_nicename":"admin1","author_url":"https:\/\/contentviewspro.com\/documentation\/author\/admin1\/"},"doc_category_info":[{"term_name":"Customize CSS\/Style","term_url":"https:\/\/contentviewspro.com\/documentation\/cats\/customize-css-style\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/2753","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/comments?post=2753"}],"version-history":[{"count":1,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/2753\/revisions"}],"predecessor-version":[{"id":5417,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/2753\/revisions\/5417"}],"wp:attachment":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/media?parent=2753"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/doc_category?post=2753"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/doc_tag?post=2753"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}