{"id":14,"date":"2022-10-24T04:24:28","date_gmt":"2022-10-24T04:24:28","guid":{"rendered":"https:\/\/wpdev.perceptionsystem.in\/wordpress-joomla\/index.php\/2022\/10\/24\/typography\/"},"modified":"2022-10-24T04:24:28","modified_gmt":"2022-10-24T04:24:28","slug":"typography","status":"publish","type":"post","link":"https:\/\/wpdev.perceptionsystem.in\/wordpress-joomla\/typography\/","title":{"rendered":"Typography"},"content":{"rendered":"<p><!-- CORE TYPOGRAPHY\n\t=======================================================--><\/p>\n<div class=\"core-typo\">\n<div class=\"docs-section\">\n<div>\n<h3 class=\"title-first\">Headings<\/h3>\n<\/div>\n<p>All HTML headings, <code class=\"highlighter-rouge\">&lt;h1&gt;<\/code> through <code class=\"highlighter-rouge\">&lt;h6&gt;<\/code>, are available.<\/p>\n<table class=\"table table-bordered\">\n<thead>\n<tr>\n<th>Heading<\/th>\n<th>Example<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>\n<p><code class=\"highlighter-rouge\">&lt;h1&gt;&lt;\/h1&gt;<\/code><\/p>\n<\/td>\n<td><span class=\"h1\">h1. Bootstrap heading<\/span><\/td>\n<\/tr>\n<tr>\n<td>\n<p><code class=\"highlighter-rouge\">&lt;h2&gt;&lt;\/h2&gt;<\/code><\/p>\n<\/td>\n<td><span class=\"h2\">h2. Bootstrap heading<\/span><\/td>\n<\/tr>\n<tr>\n<td>\n<p><code class=\"highlighter-rouge\">&lt;h3&gt;&lt;\/h3&gt;<\/code><\/p>\n<\/td>\n<td><span class=\"h3\">h3. Bootstrap heading<\/span><\/td>\n<\/tr>\n<tr>\n<td>\n<p><code class=\"highlighter-rouge\">&lt;h4&gt;&lt;\/h4&gt;<\/code><\/p>\n<\/td>\n<td><span class=\"h4\">h4. Bootstrap heading<\/span><\/td>\n<\/tr>\n<tr>\n<td>\n<p><code class=\"highlighter-rouge\">&lt;h5&gt;&lt;\/h5&gt;<\/code><\/p>\n<\/td>\n<td><span class=\"h5\">h5. Bootstrap heading<\/span><\/td>\n<\/tr>\n<tr>\n<td>\n<p><code class=\"highlighter-rouge\">&lt;h6&gt;&lt;\/h6&gt;<\/code><\/p>\n<\/td>\n<td><span class=\"h6\">h6. Bootstrap heading<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><code class=\"highlighter-rouge\">.h1<\/code> through <code class=\"highlighter-rouge\">.h6<\/code> classes are also available, for when you want to match the font styling of a heading but cannot use the associated HTML element.<\/p>\n<div class=\"t4-typo-example\">\n<p class=\"h1\">h1. Bootstrap heading<\/p>\n<p class=\"h2\">h2. Bootstrap heading<\/p>\n<p class=\"h3\">h3. Bootstrap heading<\/p>\n<p class=\"h4\">h4. Bootstrap heading<\/p>\n<p class=\"h5\">h5. Bootstrap heading<\/p>\n<p class=\"h6\">h6. Bootstrap heading<\/p>\n<\/div>\n<div>\n<h4>Customizing headings<\/h4>\n<\/div>\n<p>Use the included utility classes to recreate the small secondary heading text from Bootstrap 3.<\/p>\n<div class=\"t4-typo-example\"><span class=\"h3\"> Fancy display heading <small class=\"text-muted\">With faded secondary text<\/small> <\/span><\/div>\n<div>\n<h4>Display headings<\/h4>\n<\/div>\n<p>Traditional heading elements are designed to work best in the meat of your page content. When you need a heading to stand out, consider using a <strong>display heading<\/strong>\u2014a larger, slightly more opinionated heading style.<\/p>\n<table class=\"table table-bordered\">\n<tbody>\n<tr>\n<td><span class=\"display-1\">Display 1<\/span><\/td>\n<\/tr>\n<tr>\n<td><span class=\"display-2\">Display 2<\/span><\/td>\n<\/tr>\n<tr>\n<td><span class=\"display-3\">Display 3<\/span><\/td>\n<\/tr>\n<tr>\n<td><span class=\"display-4\">Display 4<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div>\n<h4>Lead<\/h4>\n<\/div>\n<p>Make a paragraph stand out by adding <code class=\"highlighter-rouge\">.lead<\/code>.<\/p>\n<div class=\"t4-typo-example\">\n<p class=\"lead\">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.<\/p>\n<\/div>\n<div>\n<h4>Inline text elements<\/h4>\n<\/div>\n<p>Styling for common inline HTML5 elements.<\/p>\n<div class=\"t4-typo-example\">\n<p>You can use the mark tag to <mark>highlight<\/mark> text.<\/p>\n<p><del>This line of text is meant to be treated as deleted text.<\/del><\/p>\n<p><s>This line of text is meant to be treated as no longer accurate.<\/s><\/p>\n<p><ins>This line of text is meant to be treated as an addition to the document.<\/ins><\/p>\n<p><u>This line of text will render as underlined<\/u><\/p>\n<p><small>This line of text is meant to be treated as fine print.<\/small><\/p>\n<p><strong>This line rendered as bold text.<\/strong><\/p>\n<p><em>This line rendered as italicized text.<\/em><\/p>\n<\/div>\n<p><code class=\"highlighter-rouge\">.mark<\/code> and <code class=\"highlighter-rouge\">.small<\/code> classes are also available to apply the same styles as <code class=\"highlighter-rouge\">&lt;mark&gt;<\/code> and <code class=\"highlighter-rouge\">&lt;small&gt;<\/code> while avoiding any unwanted semantic implications that the tags would bring.<\/p>\n<p>While not shown above, feel free to use <code class=\"highlighter-rouge\">&lt;b&gt;<\/code> and <code class=\"highlighter-rouge\">&lt;i&gt;<\/code> in HTML5. <code class=\"highlighter-rouge\">&lt;b&gt;<\/code> is meant to highlight words or phrases without conveying additional importance while <code class=\"highlighter-rouge\">&lt;i&gt;<\/code> is mostly for voice, technical terms, etc.<\/p>\n<div>\n<h4>Text utilities<\/h4>\n<\/div>\n<p>Change text alignment, transform, style, weight, and color with our <a href=\"#text-utilities-dm\">text utilities<\/a> and <a href=\"#color-utilities-dm\">color utilities<\/a>.<\/p>\n<div>\n<h4>Abbreviations<\/h4>\n<\/div>\n<p>Stylized implementation of HTML\u2019s <code class=\"highlighter-rouge\">&lt;abbr&gt;<\/code> element for abbreviations and acronyms to show the expanded version on hover. Abbreviations have a default underline and gain a help cursor to provide additional context on hover and to users of assistive technologies.<\/p>\n<p>Add <code class=\"highlighter-rouge\">.initialism<\/code> to an abbreviation for a slightly smaller font-size.<\/p>\n<div class=\"t4-typo-example\">\n<p><abbr title=\"attribute\">attr<\/abbr><\/p>\n<p><abbr class=\"initialism\" title=\"HyperText Markup Language\">HTML<\/abbr><\/p>\n<\/div>\n<div>\n<h4>Blockquotes<\/h4>\n<\/div>\n<p>For quoting blocks of content from another source within your document. Wrap <code class=\"highlighter-rouge\">&lt;blockquote class=\"blockquote\"&gt;<\/code> around any <abbr title=\"HyperText Markup Language\">HTML<\/abbr> as the quote.<\/p>\n<div class=\"t4-typo-example\">\n<blockquote class=\"blockquote bg-light\">\n<p class=\"mb-0\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.<\/p>\n<\/blockquote>\n<\/div>\n<div>\n<h4>Naming a source<\/h4>\n<\/div>\n<p>Add a <code class=\"highlighter-rouge\">&lt;footer class=\"blockquote-footer\"&gt;<\/code> for identifying the source. Wrap the name of the source work in <code class=\"highlighter-rouge\">&lt;cite&gt;<\/code>.<\/p>\n<div class=\"t4-typo-example\">\n<blockquote class=\"blockquote bg-light my-0\">\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.<\/p>\n<footer class=\"blockquote-footer\">Someone famous in <cite title=\"Source Title\">Source Title<\/cite><\/footer>\n<\/blockquote>\n<\/div>\n<div>\n<h4>Alignment<\/h4>\n<\/div>\n<p>Use text utilities as needed to change the alignment of your blockquote.<\/p>\n<div class=\"t4-typo-example\">\n<blockquote class=\"blockquote bg-light text-center my-0\">\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.<\/p>\n<footer class=\"blockquote-footer\">Someone famous in <cite title=\"Source Title\">Source Title<\/cite><\/footer>\n<\/blockquote>\n<\/div>\n<div class=\"t4-typo-example\">\n<blockquote class=\"blockquote bg-light text-right my-0\">\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.<\/p>\n<footer class=\"blockquote-footer text-end\">Someone famous in <cite title=\"Source Title\">Source Title<\/cite><\/footer>\n<\/blockquote>\n<\/div>\n<div>\n<h4>Lists<\/h4>\n<\/div>\n<div>\n<h4>Unstyled<\/h4>\n<\/div>\n<p>Remove the default <code class=\"highlighter-rouge\">list-style<\/code> and left margin on list items (immediate children only). <strong>This only applies to immediate children list items<\/strong>, meaning you will need to add the class for any nested lists as well.<\/p>\n<div class=\"t4-typo-example\">\n<ul class=\"list-unstyled\">\n<li>Lorem ipsum dolor sit amet<\/li>\n<li>Consectetur adipiscing elit<\/li>\n<li>Integer molestie lorem at massa<\/li>\n<li>Facilisis in pretium nisl aliquet<\/li>\n<li>Nulla volutpat aliquam velit\n<ul>\n<li>Phasellus iaculis neque<\/li>\n<li>Purus sodales ultricies<\/li>\n<li>Vestibulum laoreet porttitor sem<\/li>\n<li>Ac tristique libero volutpat at<\/li>\n<\/ul>\n<\/li>\n<li>Faucibus porta lacus fringilla vel<\/li>\n<li>Aenean sit amet erat nunc<\/li>\n<li>Eget porttitor lorem<\/li>\n<\/ul>\n<\/div>\n<div>\n<h4>Inline<\/h4>\n<\/div>\n<p>Remove a list\u2019s bullets and apply some light <code class=\"highlighter-rouge\">margin<\/code> with a combination of two classes, <code class=\"highlighter-rouge\">.list-inline<\/code> and <code class=\"highlighter-rouge\">.list-inline-item<\/code>.<\/p>\n<div class=\"t4-typo-example\">\n<ul class=\"list-inline\">\n<li class=\"list-inline-item\">Lorem ipsum<\/li>\n<li class=\"list-inline-item\">Phasellus iaculis<\/li>\n<li class=\"list-inline-item\">Nulla volutpat<\/li>\n<\/ul>\n<\/div>\n<div>\n<h4>Description list alignment<\/h4>\n<\/div>\n<p>Align terms and descriptions horizontally by using our grid system\u2019s predefined classes (or semantic mixins). For longer terms, you can optionally add a <code class=\"highlighter-rouge\">.text-truncate<\/code> class to truncate the text with an ellipsis.<\/p>\n<div class=\"t4-typo-example\">\n<dl class=\"row\">\n<dt class=\"col-sm-3\">Description lists<\/dt>\n<dd class=\"col-sm-9\">A description list is perfect for defining terms.<\/dd>\n<dt class=\"col-sm-3\">Euismod<\/dt>\n<dd class=\"col-sm-9\">\n<p>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.<\/p>\n<p>Donec id elit non mi porta gravida at eget metus.<\/p>\n<\/dd>\n<dt class=\"col-sm-3\">Malesuada porta<\/dt>\n<dd class=\"col-sm-9\">Etiam porta sem malesuada magna mollis euismod.<\/dd>\n<dt class=\"col-sm-3 text-truncate\">Truncated term is truncated<\/dt>\n<dd class=\"col-sm-9\">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.<\/dd>\n<dt class=\"col-sm-3\">Nesting<\/dt>\n<dd class=\"col-sm-9\">\n<dl class=\"row\">\n<dt class=\"col-sm-4\">Nested definition list<\/dt>\n<dd class=\"col-sm-8\">Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc.<\/dd>\n<\/dl>\n<\/dd>\n<\/dl>\n<\/div>\n<div>\n<h4>Responsive typography<\/h4>\n<\/div>\n<p><em>Responsive typography<\/em> refers to scaling text and components by simply adjusting the root element\u2019s <code class=\"highlighter-rouge\">font-size<\/code> within a series of media queries. Bootstrap doesn\u2019t do this for you, but it\u2019s fairly easy to add if you need it.<\/p>\n<p>Here\u2019s an example of it in practice. Choose whatever <code class=\"highlighter-rouge\">font-size<\/code>s and media queries you wish.<\/p>\n<\/div>\n<div id=\"text-utilities-dm\">\n<div>\n<h4>Text alignment<\/h4>\n<\/div>\n<p>Easily realign text to components with text alignment classes.<\/p>\n<div class=\"t4-typo-example\">\n<p class=\"text-justify\">Ambitioni dedisse scripsisse iudicaretur. Cras mattis iudicium purus sit amet fermentum. Donec sed odio operae, eu vulputate felis rhoncus. Praeterea iter est quasdam res quas ex communi. At nos hinc posthac, sitientis piros Afros. Petierunt uti sibi concilium totius Galliae in diem certam indicere. Cras mattis iudicium purus sit amet fermentum.<\/p>\n<\/div>\n<p>For left, right, and center alignment, responsive classes are available that use the same viewport width breakpoints as the grid system.<\/p>\n<div class=\"t4-typo-example\">\n<p class=\"text-left\">Left aligned text on all viewport sizes.<\/p>\n<p class=\"text-center\">Center aligned text on all viewport sizes.<\/p>\n<p class=\"text-right\">Right aligned text on all viewport sizes.<\/p>\n<p class=\"text-sm-left\">Left aligned text on viewports sized SM (small) or wider.<\/p>\n<p class=\"text-md-left\">Left aligned text on viewports sized MD (medium) or wider.<\/p>\n<p class=\"text-lg-left\">Left aligned text on viewports sized LG (large) or wider.<\/p>\n<p class=\"text-xl-left\">Left aligned text on viewports sized XL (extra-large) or wider.<\/p>\n<\/div>\n<div>\n<h4>Text wrapping and overflow<\/h4>\n<\/div>\n<p>Prevent text from wrapping with a <code class=\"highlighter-rouge\">.text-nowrap<\/code> class.<\/p>\n<div class=\"t4-typo-example\">\n<div class=\"text-nowrap bd-highlight\" style=\"width: 8rem;\">This text should overflow the parent.<\/div>\n<\/div>\n<p>For longer content, you can add a <code class=\"highlighter-rouge\">.text-truncate<\/code> class to truncate the text with an ellipsis. <strong>Requires <code class=\"highlighter-rouge\">display: inline-block<\/code> or <code class=\"highlighter-rouge\">display: block<\/code>.<\/strong><\/p>\n<div class=\"t4-typo-example\"><!-- Block level --><\/p>\n<div class=\"row\">\n<div class=\"col-2 text-truncate\">Praeterea iter est quasdam res quas ex communi.<\/div>\n<\/div>\n<p><!-- Inline level --> <span class=\"d-inline-block text-truncate\" style=\"max-width: 150px;\"> Praeterea iter est quasdam res quas ex communi. <\/span><\/div>\n<div>\n<h4>Text transform<\/h4>\n<\/div>\n<p>Transform text in components with text capitalization classes.<\/p>\n<div class=\"t4-typo-example\">\n<p class=\"text-lowercase\">Lowercased text.<\/p>\n<p class=\"text-uppercase\">Uppercased text.<\/p>\n<p class=\"text-capitalize\">CapiTaliZed text.<\/p>\n<\/div>\n<p>Note how <code class=\"highlighter-rouge\">text-capitalize<\/code> only changes the first letter of each word, leaving the case of any other letters unaffected.<\/p>\n<div>\n<h4>Font weight and italics<\/h4>\n<\/div>\n<p>Quickly change the weight (boldness) of text or italicize text.<\/p>\n<div class=\"t4-typo-example\">\n<div class=\"row\">\n<div class=\"col-md-6\">\n<p class=\"font-weight-bold\">Bold text.<\/p>\n<p class=\"font-weight-normal\">Normal weight text.<\/p>\n<\/div>\n<div class=\"col-md-6\">\n<p class=\"font-weight-light\">Light weight text.<\/p>\n<p class=\"font-italic\">Italic text.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"text-color-dm\">\n<div class=\"t4-typo-example\">\n<div class=\"row\">\n<div class=\"col-md-6\">\n<p class=\"text-primary\">.text-primary<\/p>\n<p class=\"text-secondary\">.text-secondary<\/p>\n<p class=\"text-success\">.text-success<\/p>\n<p class=\"text-danger\">.text-danger<\/p>\n<p class=\"text-warning\">.text-warning<\/p>\n<\/div>\n<div class=\"col-md-6\">\n<p class=\"text-info\">.text-info<\/p>\n<p class=\"text-light bg-dark\">.text-light<\/p>\n<p class=\"text-dark\">.text-dark<\/p>\n<p class=\"text-muted\">.text-muted<\/p>\n<p class=\"text-white bg-dark\">.text-white<\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>Contextual text classes also work well on anchors with the provided hover and focus states. <strong>Note that the <code class=\"highlighter-rouge\">.text-white<\/code> and <code class=\"highlighter-rouge\">.text-muted<\/code> class has no link styling.<\/strong><\/p>\n<div class=\"t4-typo-example\">\n<div class=\"row\">\n<div class=\"col-md-6\">\n<p><a class=\"text-primary\" href=\"#\">Primary link<\/a><\/p>\n<p><a class=\"text-secondary\" href=\"#\">Secondary link<\/a><\/p>\n<p><a class=\"text-success\" href=\"#\">Success link<\/a><\/p>\n<p><a class=\"text-danger\" href=\"#\">Danger link<\/a><\/p>\n<p><a class=\"text-warning\" href=\"#\">Warning link<\/a><\/p>\n<\/div>\n<div class=\"col-md-6\">\n<p><a class=\"text-info\" href=\"#\">Info link<\/a><\/p>\n<p><a class=\"text-light bg-dark\" href=\"#\">Light link<\/a><\/p>\n<p><a class=\"text-dark\" href=\"#\">Dark link<\/a><\/p>\n<p><a class=\"text-muted\" href=\"#\">Muted link<\/a><\/p>\n<p><a class=\"text-white bg-dark\" href=\"#\">White link<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div>\n<h4>Background color<\/h4>\n<\/div>\n<p>Similar to the contextual text color classes, easily set the background of an element to any contextual class. Anchor components will darken on hover, just like the text classes. Background utilities <strong>do not set <code class=\"highlighter-rouge\">color<\/code><\/strong>, so in some cases you\u2019ll want to use <code class=\"highlighter-rouge\">.text-*<\/code> utilities.<\/p>\n<div class=\"t4-typo-example\">\n<div class=\"p-3 mb-2 bg-primary text-white\">.bg-primary<\/div>\n<div class=\"p-3 mb-2 bg-secondary\">.bg-secondary<\/div>\n<div class=\"p-3 mb-2 bg-success text-white\">.bg-success<\/div>\n<div class=\"p-3 mb-2 bg-danger text-white\">.bg-danger<\/div>\n<div class=\"p-3 mb-2 bg-warning text-dark\">.bg-warning<\/div>\n<div class=\"p-3 mb-2 bg-info text-white\">.bg-info<\/div>\n<div class=\"p-3 mb-2 bg-light text-dark\">.bg-light<\/div>\n<div class=\"p-3 mb-2 bg-dark text-white\">.bg-dark<\/div>\n<div class=\"p-3 mb-2 bg-white text-dark\">.bg-white<\/div>\n<\/div>\n<div class=\"bd-callout bd-callout-info\">\n<h4 id=\"dealing-with-specificity\">Dealing with specificity<\/h4>\n<p>Sometimes contextual classes cannot be applied due to the specificity of another selector. In some cases, a sufficient workaround is to wrap your element\u2019s content in a <code class=\"highlighter-rouge\">&lt;div&gt;<\/code> with the class.<\/p>\n<\/div>\n<div class=\"bd-callout bd-callout-warning\">\n<h5 id=\"conveying-meaning-to-assistive-technologies\">Conveying meaning to assistive technologies<\/h5>\n<p>Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies \u2013 such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the <code class=\"highlighter-rouge\">.sr-only<\/code> class.<\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Headings All HTML headings, &lt;h1&gt; through &lt;h6&gt;, are available. Heading Example &lt;h1&gt;&lt;\/h1&gt; h1. Bootstrap heading &lt;h2&gt;&lt;\/h2&gt; h2. Bootstrap heading &lt;h3&gt;&lt;\/h3&gt; h3. Bootstrap heading &lt;h4&gt;&lt;\/h4&gt; h4. Bootstrap heading &lt;h5&gt;&lt;\/h5&gt; h5. Bootstrap heading &lt;h6&gt;&lt;\/h6&gt; h6. Bootstrap heading .h1 through .h6 classes are also available, for when you want to match the font styling of a heading but [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-14","post","type-post","status-publish","format-standard","hentry","category-uncategorised"],"_links":{"self":[{"href":"https:\/\/wpdev.perceptionsystem.in\/wordpress-joomla\/wp-json\/wp\/v2\/posts\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpdev.perceptionsystem.in\/wordpress-joomla\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpdev.perceptionsystem.in\/wordpress-joomla\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpdev.perceptionsystem.in\/wordpress-joomla\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpdev.perceptionsystem.in\/wordpress-joomla\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":0,"href":"https:\/\/wpdev.perceptionsystem.in\/wordpress-joomla\/wp-json\/wp\/v2\/posts\/14\/revisions"}],"wp:attachment":[{"href":"https:\/\/wpdev.perceptionsystem.in\/wordpress-joomla\/wp-json\/wp\/v2\/media?parent=14"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpdev.perceptionsystem.in\/wordpress-joomla\/wp-json\/wp\/v2\/categories?post=14"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpdev.perceptionsystem.in\/wordpress-joomla\/wp-json\/wp\/v2\/tags?post=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}