{"id":4260,"date":"2026-06-09T06:59:51","date_gmt":"2026-06-09T06:59:51","guid":{"rendered":"https:\/\/fontib.com\/dr-pepper\/"},"modified":"2026-06-09T06:59:51","modified_gmt":"2026-06-09T06:59:51","slug":"dr-pepper","status":"publish","type":"page","link":"https:\/\/fontib.com\/dr-pepper\/","title":{"rendered":"Dr Pepper Font Generator \u2013 Make Fizzy Retro Text"},"content":{"rendered":"<style type=\"text\/css\">\n.tc-wp-island {\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n  box-sizing: border-box;\n  display: flow-root;\n  isolation: isolate;\n  position: relative;\n}\n.tc-wp-island > * {\n  min-width: 0;\n}\n.tc-wp-island *,\n.tc-wp-island *::before,\n.tc-wp-island *::after {\n  box-sizing: border-box;\n}\n.tc-wp-island img,\n.tc-wp-island video,\n.tc-wp-island svg,\n.tc-wp-island iframe {\n  max-width: 100%;\n  height: auto;\n}\n.tc-wp-island .tc-wp-tool {\n  max-width: 100%;\n  min-width: 0;\n}\n.tc-wp-island .tc-wp-tool-html,\n.tc-wp-island .tc-wp-tool-content,\n.tc-wp-island .tc-wp-other {\n  max-width: 100%;\n  min-width: 0;\n  overflow-wrap: anywhere;\n  word-break: break-word;\n}\n\/* Keep tool in post content flow \u2014 not overlapping theme header \/ hero band *\/\n.tc-wp-island {\n  clear: both;\n  z-index: 1;\n}\n.tc-wp-island .tc-wp-tool {\n  position: relative;\n  z-index: 0;\n  clear: both;\n  margin-top: 0;\n  margin-bottom: 1.25rem;\n}\n.tc-wp-island .tc-wp-tool-html {\n  position: relative;\n  z-index: 0;\n  clear: both;\n  contain: layout;\n}\n.tc-wp-island .tc-wp-tool-html > *:first-child {\n  position: relative !important;\n  top: auto !important;\n  left: auto !important;\n  right: auto !important;\n  margin-top: 0 !important;\n  width: 100%;\n  max-width: 100%;\n  box-sizing: border-box;\n}\nbody:has(.tc-wp-island) #main-header,\nbody:has(.tc-wp-island) header.site-header,\nbody:has(.tc-wp-island) .site-header,\nbody:has(.tc-wp-island) #header,\nbody:has(.tc-wp-island) .et-fixed-header,\nbody:has(.tc-wp-island) .elementor-location-header {\n  z-index: 200;\n}\n\/* Space between WP Coder tool + content shortcodes on publish\/draft pages *\/\n.tc-wp-island .tc-wp-tool-html + .tc-wp-tool-content {\n  margin-top: 20px;\n}\n.tc-wp-island .tc-wp-bcd-codes {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\/* Full-width: hide theme sidebar when a ToolsChecker island is present *\/\nbody:has(.tc-wp-island) #sidebar,\nbody:has(.tc-wp-island) .sidebar,\nbody:has(.tc-wp-island) #secondary,\nbody:has(.tc-wp-island) .widget-area,\nbody:has(.tc-wp-island) aside.sidebar,\nbody:has(.tc-wp-island) #right-sidebar,\nbody:has(.tc-wp-island) #left-sidebar,\nbody:has(.tc-wp-island) .sidebar-primary,\nbody:has(.tc-wp-island) .sidebar-secondary,\nbody:has(.tc-wp-island) .ast-sidebar,\nbody:has(.tc-wp-island) .site-sidebar {\n  display: none !important;\n}\n\/* Copygen: hide default page title\/breadcrumb band \u2014 tool pages use template-homepage like category *\/\nbody:has(.tc-wp-island) section.page_header_default,\nbody:has(.tc-wp-island) .page_header_default {\n  display: none !important;\n}\n@media (min-width: 981px) {\n  body:has(.tc-wp-island) #left-area,\n  body:has(.tc-wp-island) #primary,\n  body:has(.tc-wp-island) #content-area,\n  body:has(.tc-wp-island) #content-area .container,\n  body:has(.tc-wp-island) .content-area,\n  body:has(.tc-wp-island) main.site-main,\n  body:has(.tc-wp-island) .site-content .content-area {\n    width: 100% !important;\n    max-width: 100% !important;\n    float: none !important;\n    padding-right: 0 !important;\n    padding-left: 0 !important;\n  }\n  body:has(.tc-wp-island) #main-content .container:before {\n    display: none !important;\n  }\n}\n\/* Tool pages: keep theme H1 readable \u2014 smaller type, full content width, 1\u20132 lines *\/\nbody:has(.tc-wp-island) .fontib-v2-hero-inner {\n  width: min(100%, calc(100vw - 40px)) !important;\n  max-width: 1320px !important;\n}\nbody:has(.tc-wp-island) .fontib-v2-title,\nbody:has(.tc-wp-island) #left-area > .entry-title,\nbody:has(.tc-wp-island) .entry-title h1,\nbody:has(.tc-wp-island) h1.entry-title,\nbody:has(.tc-wp-island) .page-title,\nbody:has(.tc-wp-island) .et_pb_title_container h1 {\n  max-width: 100% !important;\n  width: 100%;\n  font-size: clamp(24px, 2.6vw, 38px) !important;\n  line-height: 1.2 !important;\n  letter-spacing: -0.01em;\n}\n<\/style>\n<div class=\"tc-wp-island\">\n<section class=\"tc-wp-tool\" data-tool-index=\"1\">\n<div class=\"tc-wp-tool-html\"><div class=\"wpc-scope-389\">\n<div class=\"tc-wp-tool-root\" data-tc-wp-scope=\"1\" style=\"max-width:100%;box-sizing:border-box;isolation:isolate;min-width:0;position:relative;\">\n<div class=\"dp-font-gen\">\n  \n\n  <div class=\"dp-wrap\">\n    <div class=\"dp-header\">\n      <div class=\"dp-badge\">\n        <span class=\"dp-badge-dot\"><\/span>\n        Dr Pepper Font Generator\n      <\/div>\n      <h2>Dr Pepper Font Generator<\/h2>\n      <p class=\"dp-subtitle\">Generate stylish Unicode fonts inspired by the iconic Dr Pepper aesthetic. Copy and paste for bios, captions, usernames, and posts.<\/p>\n    <\/div>\n\n    <div class=\"dp-input-area\">\n      <div class=\"dp-input-shell\">\n        <div class=\"dp-input-inner\">\n          <textarea class=\"dp-textarea\" rows=\"3\" placeholder=\"Type your Dr Pepper text here...\"><\/textarea>\n          <div class=\"dp-input-footer\">\n            <span class=\"dp-char-count\"><span class=\"dp-count-num\">0<\/span> characters<\/span>\n            <button class=\"dp-clear-btn\" type=\"button\">Clear<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"dp-filters\">\n      <div class=\"dp-search-box\">\n        <label class=\"dp-search-label\" for=\"dpSearch\">Search styles<\/label>\n        <input class=\"dp-search-input\" id=\"dpSearch\" type=\"search\" placeholder=\"Search bold, script, maroon...\">\n      <\/div>\n      <div class=\"dp-categories-box\">\n        <span class=\"dp-search-label\">Categories<\/span>\n        <div class=\"dp-cat-list\">\n          <button class=\"dp-cat-btn dp-active\" type=\"button\" data-cat=\"all\">All<\/button>\n          <button class=\"dp-cat-btn\" type=\"button\" data-cat=\"classic\">Classic<\/button>\n          <button class=\"dp-cat-btn\" type=\"button\" data-cat=\"bold\">Bold<\/button>\n          <button class=\"dp-cat-btn\" type=\"button\" data-cat=\"fancy\">Fancy<\/button>\n          <button class=\"dp-cat-btn\" type=\"button\" data-cat=\"aesthetic\">Aesthetic<\/button>\n          <button class=\"dp-cat-btn\" type=\"button\" data-cat=\"social\">Social<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"dp-results-bar\">\n      <span>Showing <strong class=\"dp-vis-count\">12<\/strong> of <strong class=\"dp-match-count\">50<\/strong> styles<\/span>\n      <span>Click copy to use any style<\/span>\n    <\/div>\n\n    <div class=\"dp-empty\">No styles found. Try a different keyword or category.<\/div>\n    <div class=\"dp-grid\"><\/div>\n\n    <div class=\"dp-load-wrap\">\n      <button class=\"dp-load-btn dp-hidden\" type=\"button\">Load More Styles<\/button>\n    <\/div>\n  <\/div>\n\n  \n<\/div>\n<\/div>\n<\/div><\/div>\n<div class=\"tc-wp-tool-content\"><div class=\"dpfg-content-wrapper\">\r\n<style>\r\n.dpfg-content-wrapper {\r\n  font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, Oxygen, sans-serif;\r\n  color: #1e1e2e;\r\n  line-height: 1.6;\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n.dpfg-content-wrapper * {\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.dpfg-content-wrapper .dpfg-section {\r\n  width: 100%;\r\n  padding: 80px 24px;\r\n}\r\n\r\n.dpfg-content-wrapper .dpfg-section--white {\r\n  background: #ffffff;\r\n}\r\n\r\n.dpfg-content-wrapper .dpfg-section--offwhite {\r\n  background: #f8f6f4;\r\n}\r\n\r\n.dpfg-content-wrapper .dpfg-container {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  width: 100%;\r\n}\r\n\r\n.dpfg-content-wrapper .dpfg-section-header {\r\n  text-align: center;\r\n  margin-bottom: 56px;\r\n  max-width: 720px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n.dpfg-content-wrapper .dpfg-section-title {\r\n  font-size: 36px;\r\n  font-weight: 700;\r\n  color: #1e1e2e;\r\n  margin-bottom: 16px;\r\n  line-height: 1.2;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n.dpfg-content-wrapper .dpfg-section-title .dpfg-accent {\r\n  background: linear-gradient(135deg, #8B1A2B, #C41E3A, #D4A84B);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n}\r\n\r\n.dpfg-content-wrapper .dpfg-section-intro {\r\n  font-size: 17px;\r\n  color: #555566;\r\n  line-height: 1.7;\r\n  font-weight: 400;\r\n}\r\n\r\n.dpfg-content-wrapper .dpfg-grid-3 {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 24px;\r\n}\r\n\r\n.dpfg-content-wrapper .dpfg-card {\r\n  background: #ffffff;\r\n  border-radius: 16px;\r\n  padding: 32px 28px;\r\n  border: 1px solid #eee8e4;\r\n  box-shadow: 0 2px 12px rgba(139, 26, 43, 0.06);\r\n  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.35s ease;\r\n  position: relative;\r\n  overflow: hidden;\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n}\r\n\r\n.dpfg-content-wrapper .dpfg-card.dpfg-visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s ease, border-color 0.35s ease;\r\n}\r\n\r\n.dpfg-content-wrapper .dpfg-card:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 12px 32px rgba(139, 26, 43, 0.12);\r\n  border-color: #C41E3A33;\r\n}\r\n\r\n.dpfg-content-wrapper .dpfg-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 3px;\r\n  background: linear-gradient(90deg, #8B1A2B, #C41E3A, #D4A84B);\r\n  opacity: 0;\r\n  transition: opacity 0.35s ease;\r\n}\r\n\r\n.dpfg-content-wrapper .dpfg-card:hover::before {\r\n  opacity: 1;\r\n}\r\n\r\n.dpfg-content-wrapper .dpfg-card-icon {\r\n  width: 52px;\r\n  height: 52px;\r\n  border-radius: 14px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 20px;\r\n  font-size: 22px;\r\n  background: linear-gradient(135deg, #8B1A2B11, #C41E3A11);\r\n  color: #8B1A2B;\r\n  border: 1px solid #8B1A2B15;\r\n  transition: transform 0.35s ease, background 0.35s ease;\r\n}\r\n\r\n.dpfg-content-wrapper .dpfg-card:hover .dpfg-card-icon {\r\n  transform: scale(1.08) rotate(-3deg);\r\n  background: linear-gradient(135deg, #8B1A2B, #C41E3A);\r\n  color: #ffffff;\r\n}\r\n\r\n.dpfg-content-wrapper .dpfg-card-title {\r\n  font-size: 20px;\r\n  font-weight: 650;\r\n  color: #1e1e2e;\r\n  margin-bottom: 10px;\r\n  line-height: 1.3;\r\n  letter-spacing: -0.01em;\r\n}\r\n\r\n.dpfg-content-wrapper .dpfg-card-text {\r\n  font-size: 15px;\r\n  color: #666677;\r\n  line-height: 1.65;\r\n  font-weight: 400;\r\n}\r\n\r\n\/* Step Cards - Section 2 *\/\r\n.dpfg-content-wrapper .dpfg-step-card {\r\n  background: #ffffff;\r\n  border-radius: 16px;\r\n  padding: 36px 36px 36px 100px;\r\n  border: 1px solid #eee8e4;\r\n  box-shadow: 0 2px 12px rgba(139, 26, 43, 0.06);\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1);\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n}\r\n\r\n.dpfg-content-wrapper .dpfg-step-card.dpfg-visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s ease;\r\n}\r\n\r\n.dpfg-content-wrapper .dpfg-step-card:hover {\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 12px 32px rgba(139, 26, 43, 0.12);\r\n}\r\n\r\n.dpfg-content-wrapper .dpfg-step-card::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 3px;\r\n  background: linear-gradient(90deg, #8B1A2B, #C41E3A, #D4A84B);\r\n  opacity: 0;\r\n  transition: opacity 0.35s ease;\r\n}\r\n\r\n.dpfg-content-wrapper .dpfg-step-card:hover::after {\r\n  opacity: 1;\r\n}\r\n\r\n.dpfg-content-wrapper .dpfg-step-number {\r\n  position: absolute;\r\n  left: 28px;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  width: 52px;\r\n  height: 52px;\r\n  border-radius: 50%;\r\n  background: linear-gradient(135deg, #8B1A2B, #C41E3A);\r\n  color: #ffffff;\r\n  font-size: 22px;\r\n  font-weight: 700;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  box-shadow: 0 4px 16px rgba(139, 26, 43, 0.25);\r\n  transition: transform 0.35s ease, box-shadow 0.35s ease;\r\n}\r\n\r\n.dpfg-content-wrapper .dpfg-step-card:hover .dpfg-step-number {\r\n  transform: translateY(-50%) scale(1.1);\r\n  box-shadow: 0 6px 24px rgba(139, 26, 43, 0.35);\r\n}\r\n\r\n.dpfg-content-wrapper .dpfg-step-title {\r\n  font-size: 20px;\r\n  font-weight: 650;\r\n  color: #1e1e2e;\r\n  margin-bottom: 8px;\r\n  line-height: 1.3;\r\n}\r\n\r\n.dpfg-content-wrapper .dpfg-step-text {\r\n  font-size: 15px;\r\n  color: #666677;\r\n  line-height: 1.65;\r\n}\r\n\r\n\/* Timeline connector *\/\r\n.dpfg-content-wrapper .dpfg-steps-wrapper {\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 24px;\r\n}\r\n\r\n.dpfg-content-wrapper .dpfg-steps-wrapper::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: 53px;\r\n  top: 76px;\r\n  bottom: 76px;\r\n  width: 2px;\r\n  background: linear-gradient(to bottom, #C41E3A33, #D4A84B33);\r\n  z-index: 0;\r\n}\r\n\r\n\/* Section 4 benefit cards *\/\r\n.dpfg-content-wrapper .dpfg-benefit-card {\r\n  background: #ffffff;\r\n  border-radius: 16px;\r\n  padding: 36px 28px;\r\n  border: 1px solid #eee8e4;\r\n  box-shadow: 0 2px 12px rgba(139, 26, 43, 0.06);\r\n  text-align: center;\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1);\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n}\r\n\r\n.dpfg-content-wrapper .dpfg-benefit-card.dpfg-visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s ease;\r\n}\r\n\r\n.dpfg-content-wrapper .dpfg-benefit-card:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 12px 32px rgba(139, 26, 43, 0.12);\r\n}\r\n\r\n.dpfg-content-wrapper .dpfg-benefit-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 3px;\r\n  background: linear-gradient(90deg, #8B1A2B, #C41E3A, #D4A84B);\r\n  opacity: 0;\r\n  transition: opacity 0.35s ease;\r\n}\r\n\r\n.dpfg-content-wrapper .dpfg-benefit-card:hover::before {\r\n  opacity: 1;\r\n}\r\n\r\n.dpfg-content-wrapper .dpfg-benefit-icon {\r\n  width: 64px;\r\n  height: 64px;\r\n  border-radius: 50%;\r\n  margin: 0 auto 20px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 26px;\r\n  background: linear-gradient(135deg, #8B1A2B, #C41E3A);\r\n  color: #ffffff;\r\n  box-shadow: 0 6px 20px rgba(139, 26, 43, 0.2);\r\n  transition: transform 0.35s ease, box-shadow 0.35s ease;\r\n}\r\n\r\n.dpfg-content-wrapper .dpfg-benefit-card:hover .dpfg-benefit-icon {\r\n  transform: scale(1.1) rotate(5deg);\r\n  box-shadow: 0 8px 28px rgba(139, 26, 43, 0.3);\r\n}\r\n\r\n.dpfg-content-wrapper .dpfg-benefit-badge {\r\n  display: inline-block;\r\n  padding: 4px 14px;\r\n  border-radius: 20px;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.04em;\r\n  text-transform: uppercase;\r\n  margin-bottom: 16px;\r\n  background: linear-gradient(135deg, #8B1A2B11, #D4A84B11);\r\n  color: #8B1A2B;\r\n  border: 1px solid #8B1A2B18;\r\n}\r\n\r\n.dpfg-content-wrapper .dpfg-benefit-title {\r\n  font-size: 20px;\r\n  font-weight: 650;\r\n  color: #1e1e2e;\r\n  margin-bottom: 10px;\r\n  line-height: 1.3;\r\n}\r\n\r\n.dpfg-content-wrapper .dpfg-benefit-text {\r\n  font-size: 15px;\r\n  color: #666677;\r\n  line-height: 1.65;\r\n}\r\n\r\n\/* Off-white section cards get subtle bg *\/\r\n.dpfg-content-wrapper .dpfg-section--offwhite .dpfg-card {\r\n  background: #ffffff;\r\n}\r\n\r\n\/* ===== Responsive: 320px - 374px ===== *\/\r\n@media (min-width: 320px) and (max-width: 374px) {\r\n  .dpfg-content-wrapper .dpfg-section {\r\n    padding: 48px 14px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-section-header {\r\n    margin-bottom: 36px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-section-title {\r\n    font-size: 22px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-section-intro {\r\n    font-size: 14px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-grid-3 {\r\n    grid-template-columns: 1fr;\r\n    gap: 16px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-card {\r\n    padding: 22px 18px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-card-icon {\r\n    width: 42px;\r\n    height: 42px;\r\n    font-size: 18px;\r\n    margin-bottom: 14px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-card-title {\r\n    font-size: 17px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-card-text {\r\n    font-size: 13px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-step-card {\r\n    padding: 24px 18px 24px 76px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-step-number {\r\n    left: 16px;\r\n    width: 44px;\r\n    height: 44px;\r\n    font-size: 18px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-steps-wrapper::before {\r\n    left: 37px;\r\n    top: 66px;\r\n    bottom: 66px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-step-title {\r\n    font-size: 17px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-step-text {\r\n    font-size: 13px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-benefit-card {\r\n    padding: 26px 18px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-benefit-icon {\r\n    width: 52px;\r\n    height: 52px;\r\n    font-size: 22px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-benefit-title {\r\n    font-size: 17px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-benefit-text {\r\n    font-size: 13px;\r\n  }\r\n}\r\n\r\n\/* ===== Responsive: 375px - 429px ===== *\/\r\n@media (min-width: 375px) and (max-width: 429px) {\r\n  .dpfg-content-wrapper .dpfg-section {\r\n    padding: 52px 16px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-section-header {\r\n    margin-bottom: 40px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-section-title {\r\n    font-size: 24px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-section-intro {\r\n    font-size: 14.5px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-grid-3 {\r\n    grid-template-columns: 1fr;\r\n    gap: 18px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-card {\r\n    padding: 24px 20px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-card-icon {\r\n    width: 46px;\r\n    height: 46px;\r\n    font-size: 19px;\r\n    margin-bottom: 16px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-card-title {\r\n    font-size: 18px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-card-text {\r\n    font-size: 13.5px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-step-card {\r\n    padding: 28px 20px 28px 82px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-step-number {\r\n    left: 18px;\r\n    width: 46px;\r\n    height: 46px;\r\n    font-size: 19px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-steps-wrapper::before {\r\n    left: 40px;\r\n    top: 70px;\r\n    bottom: 70px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-step-title {\r\n    font-size: 18px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-step-text {\r\n    font-size: 13.5px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-benefit-card {\r\n    padding: 28px 20px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-benefit-icon {\r\n    width: 56px;\r\n    height: 56px;\r\n    font-size: 23px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-benefit-title {\r\n    font-size: 18px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-benefit-text {\r\n    font-size: 13.5px;\r\n  }\r\n}\r\n\r\n\/* ===== Responsive: 430px - 767px ===== *\/\r\n@media (min-width: 430px) and (max-width: 767px) {\r\n  .dpfg-content-wrapper .dpfg-section {\r\n    padding: 56px 20px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-section-header {\r\n    margin-bottom: 44px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-section-title {\r\n    font-size: 27px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-section-intro {\r\n    font-size: 15px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-grid-3 {\r\n    grid-template-columns: 1fr;\r\n    gap: 20px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-card {\r\n    padding: 28px 24px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-card-icon {\r\n    width: 48px;\r\n    height: 48px;\r\n    font-size: 20px;\r\n    margin-bottom: 16px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-card-title {\r\n    font-size: 19px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-card-text {\r\n    font-size: 14px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-step-card {\r\n    padding: 30px 24px 30px 90px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-step-number {\r\n    left: 22px;\r\n    width: 48px;\r\n    height: 48px;\r\n    font-size: 20px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-steps-wrapper::before {\r\n    left: 45px;\r\n    top: 72px;\r\n    bottom: 72px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-step-title {\r\n    font-size: 19px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-step-text {\r\n    font-size: 14px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-benefit-card {\r\n    padding: 30px 22px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-benefit-icon {\r\n    width: 58px;\r\n    height: 58px;\r\n    font-size: 24px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-benefit-title {\r\n    font-size: 19px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-benefit-text {\r\n    font-size: 14px;\r\n  }\r\n}\r\n\r\n\/* ===== Responsive: 768px - 1023px ===== *\/\r\n@media (min-width: 768px) and (max-width: 1023px) {\r\n  .dpfg-content-wrapper .dpfg-section {\r\n    padding: 68px 28px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-section-header {\r\n    margin-bottom: 48px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-section-title {\r\n    font-size: 32px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-section-intro {\r\n    font-size: 16px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-grid-3 {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 22px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-card {\r\n    padding: 30px 26px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-card-icon {\r\n    width: 50px;\r\n    height: 50px;\r\n    font-size: 21px;\r\n    margin-bottom: 18px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-card-title {\r\n    font-size: 19px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-card-text {\r\n    font-size: 14.5px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-step-card {\r\n    padding: 34px 34px 34px 100px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-step-number {\r\n    left: 26px;\r\n    width: 50px;\r\n    height: 50px;\r\n    font-size: 21px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-steps-wrapper::before {\r\n    left: 50px;\r\n    top: 74px;\r\n    bottom: 74px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-step-title {\r\n    font-size: 19px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-step-text {\r\n    font-size: 14.5px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-benefit-card {\r\n    padding: 34px 26px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-benefit-icon {\r\n    width: 60px;\r\n    height: 60px;\r\n    font-size: 25px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-benefit-title {\r\n    font-size: 19px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-benefit-text {\r\n    font-size: 14.5px;\r\n  }\r\n}\r\n\r\n\/* ===== Responsive: 1024px+ ===== *\/\r\n@media (min-width: 1024px) {\r\n  .dpfg-content-wrapper .dpfg-section {\r\n    padding: 88px 32px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-section-header {\r\n    margin-bottom: 60px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-section-title {\r\n    font-size: 38px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-section-intro {\r\n    font-size: 17px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-grid-3 {\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 28px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-card {\r\n    padding: 34px 30px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-card-icon {\r\n    width: 54px;\r\n    height: 54px;\r\n    font-size: 22px;\r\n    margin-bottom: 20px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-card-title {\r\n    font-size: 20px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-card-text {\r\n    font-size: 15px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-step-card {\r\n    padding: 38px 38px 38px 108px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-step-number {\r\n    left: 30px;\r\n    width: 54px;\r\n    height: 54px;\r\n    font-size: 22px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-steps-wrapper::before {\r\n    left: 56px;\r\n    top: 80px;\r\n    bottom: 80px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-step-title {\r\n    font-size: 20px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-step-text {\r\n    font-size: 15px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-benefit-card {\r\n    padding: 40px 30px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-benefit-icon {\r\n    width: 66px;\r\n    height: 66px;\r\n    font-size: 27px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-benefit-title {\r\n    font-size: 20px;\r\n  }\r\n  .dpfg-content-wrapper .dpfg-benefit-text {\r\n    font-size: 15px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- Section 1: What This Tool Does -->\r\n<section class=\"dpfg-section dpfg-section--white\">\r\n  <div class=\"dpfg-container\">\r\n    <div class=\"dpfg-section-header\">\r\n      <h2 class=\"dpfg-section-title\">Why Use Our <span class=\"dpfg-accent\">Dr Pepper Font Generator<\/span><\/h2>\r\n      <p class=\"dpfg-section-intro\">Transform ordinary text into the iconic vintage Dr Pepper lettering style \u2014 perfect for adding a bold, retro flair to any creative project without needing design software.<\/p>\r\n    <\/div>\r\n    <div class=\"dpfg-grid-3\">\r\n      <div class=\"dpfg-card\" data-reveal>\r\n        <div class=\"dpfg-card-icon\">\u26a1<\/div>\r\n        <h3 class=\"dpfg-card-title\">Instant Font Preview<\/h3>\r\n        <p class=\"dpfg-card-text\">See your text converted into the Dr Pepper style the moment you type. No waiting, no processing \u2014 real-time results so you can experiment freely with different words and phrases.<\/p>\r\n      <\/div>\r\n      <div class=\"dpfg-card\" data-reveal>\r\n        <div class=\"dpfg-card-icon\">\ud83d\udccb<\/div>\r\n        <h3 class=\"dpfg-card-title\">Copy Ready Styles<\/h3>\r\n        <p class=\"dpfg-card-text\">One click copies your styled text directly to the clipboard. Paste it straight into social media, documents, or any platform that supports custom fonts and Unicode characters.<\/p>\r\n      <\/div>\r\n      <div class=\"dpfg-card\" data-reveal>\r\n        <div class=\"dpfg-card-icon\">\ud83c\udfa8<\/div>\r\n        <h3 class=\"dpfg-card-title\">Creative Text Options<\/h3>\r\n        <p class=\"dpfg-card-text\">Choose from multiple vintage-inspired font variations inspired by the classic Dr Pepper aesthetic. Each style captures a different angle of that nostalgic soda-shop lettering.<\/p>\r\n      <\/div>\r\n      <div class=\"dpfg-card\" data-reveal>\r\n        <div class=\"dpfg-card-icon\">\ud83d\udd24<\/div>\r\n        <h3 class=\"dpfg-card-title\">Full Character Support<\/h3>\r\n        <p class=\"dpfg-card-text\">Works with uppercase, lowercase, numbers, and common symbols. Generate complete sentences, titles, or short messages \u2014 not just single words \u2014 in the Dr Pepper typeface.<\/p>\r\n      <\/div>\r\n      <div class=\"dpfg-card\" data-reveal>\r\n        <div class=\"dpfg-card-icon\">\ud83d\udcf1<\/div>\r\n        <h3 class=\"dpfg-card-title\">Works on Every Device<\/h3>\r\n        <p class=\"dpfg-card-text\">Use it on desktop, tablet, or phone without installing anything. The generator runs entirely in your browser and adapts smoothly to any screen size for convenient on-the-go use.<\/p>\r\n      <\/div>\r\n      <div class=\"dpfg-card\" data-reveal>\r\n        <div class=\"dpfg-card-icon\">\u2728<\/div>\r\n        <h3 class=\"dpfg-card-title\">Nostalgic Retro Aesthetic<\/h3>\r\n        <p class=\"dpfg-card-text\">Capture the unmistakable charm of classic Dr Pepper branding \u2014 bold serifs, vintage curves, and that old-school soda fountain personality that makes any text stand out instantly.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Section 2: How to Use -->\r\n<section class=\"dpfg-section dpfg-section--offwhite\">\r\n  <div class=\"dpfg-container\">\r\n    <div class=\"dpfg-section-header\">\r\n      <h2 class=\"dpfg-section-title\">How to Use the <span class=\"dpfg-accent\">Dr Pepper Font Generator<\/span><\/h2>\r\n      <p class=\"dpfg-section-intro\">Three simple steps stand between you and eye-catching vintage-styled text. No sign-up, no downloads, and no design skills required.<\/p>\r\n    <\/div>\r\n    <div class=\"dpfg-steps-wrapper\">\r\n      <div class=\"dpfg-step-card\" data-reveal>\r\n        <div class=\"dpfg-step-number\">1<\/div>\r\n        <h3 class=\"dpfg-step-title\">Type Your Text<\/h3>\r\n        <p class=\"dpfg-step-text\">Enter the text you want to transform into the input field at the top of the generator. This can be your name, a catchy slogan, a social media headline, or any short phrase you want to style. The field accepts letters, numbers, and common punctuation marks.<\/p>\r\n      <\/div>\r\n      <div class=\"dpfg-step-card\" data-reveal>\r\n        <div class=\"dpfg-step-number\">2<\/div>\r\n        <h3 class=\"dpfg-step-title\">Pick Your Favorite Style<\/h3>\r\n        <p class=\"dpfg-step-text\">Browse through the generated font previews that appear instantly below the input. Each variation offers a different take on the classic Dr Pepper lettering \u2014 from bold vintage serifs to retro script interpretations. Click any style to select it as your active choice.<\/p>\r\n      <\/div>\r\n      <div class=\"dpfg-step-card\" data-reveal>\r\n        <div class=\"dpfg-step-number\">3<\/div>\r\n        <h3 class=\"dpfg-step-title\">Copy and Use Anywhere<\/h3>\r\n        <p class=\"dpfg-step-text\">Hit the copy button next to your chosen result, and the styled text lands on your clipboard immediately. Paste it into Instagram bios, TikTok captions, YouTube titles, Discord messages, design mockups, or anywhere you want that signature Dr Pepper look.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Section 3: Where to Use -->\r\n<section class=\"dpfg-section dpfg-section--white\">\r\n  <div class=\"dpfg-container\">\r\n    <div class=\"dpfg-section-header\">\r\n      <h2 class=\"dpfg-section-title\">Where to Use <span class=\"dpfg-accent\">Dr Pepper-Style Fonts<\/span><\/h2>\r\n      <p class=\"dpfg-section-intro\">The vintage Dr Pepper aesthetic works surprisingly well across platforms and projects. Here are some of the most popular ways people use generated text from this tool.<\/p>\r\n    <\/div>\r\n    <div class=\"dpfg-grid-3\">\r\n      <div class=\"dpfg-card\" data-reveal>\r\n        <div class=\"dpfg-card-icon\">\ud83d\udcf8<\/div>\r\n        <h3 class=\"dpfg-card-title\">Social Media Bios<\/h3>\r\n        <p class=\"dpfg-card-text\">Give your Instagram, Twitter, or TikTok bio a retro refresh. Dr Pepper-style text adds personality and makes your profile memorable among thousands of plain-text bios.<\/p>\r\n      <\/div>\r\n      <div class=\"dpfg-card\" data-reveal>\r\n        <div class=\"dpfg-card-icon\">\ud83d\udcac<\/div>\r\n        <h3 class=\"dpfg-card-title\">Captions and Comments<\/h3>\r\n        <p class=\"dpfg-card-text\">Stand out in busy comment sections and feeds with vintage-styled captions. Whether it is a throwback photo or a fun post, the retro lettering draws the eye immediately.<\/p>\r\n      <\/div>\r\n      <div class=\"dpfg-card\" data-reveal>\r\n        <div class=\"dpfg-card-icon\">\ud83c\udfae<\/div>\r\n        <h3 class=\"dpfg-card-title\">Gaming Profiles<\/h3>\r\n        <p class=\"dpfg-card-text\">Customize your Discord username, Steam profile, or in-game clan tag with old-school soda-shop style. The bold vintage look gives gaming identities a unique and recognizable edge.<\/p>\r\n      <\/div>\r\n      <div class=\"dpfg-card\" data-reveal>\r\n        <div class=\"dpfg-card-icon\">\ud83c\udfea<\/div>\r\n        <h3 class=\"dpfg-card-title\">Branding and Logos<\/h3>\r\n        <p class=\"dpfg-card-text\">Small businesses and indie creators use Dr Pepper-inspired fonts for diner menus, beverage labels, merchandise designs, and vintage-themed brand assets that need authentic character.<\/p>\r\n      <\/div>\r\n      <div class=\"dpfg-card\" data-reveal>\r\n        <div class=\"dpfg-card-icon\">\ud83d\udcd1<\/div>\r\n        <h3 class=\"dpfg-card-title\">Posters and Headings<\/h3>\r\n        <p class=\"dpfg-card-text\">Event flyers, party invitations, and presentation slides benefit from bold retro headings. The Dr Pepper lettering style commands attention and sets a fun, nostalgic tone right away.<\/p>\r\n      <\/div>\r\n      <div class=\"dpfg-card\" data-reveal>\r\n        <div class=\"dpfg-card-icon\">\u2709\ufe0f<\/div>\r\n        <h3 class=\"dpfg-card-title\">Messages and Status Updates<\/h3>\r\n        <p class=\"dpfg-card-text\">Spice up WhatsApp statuses, iMessage conversations, or Snapchat stories with styled text. A quick paste turns ordinary messages into something visually engaging and conversation-worthy.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Section 4: Benefits and Trust -->\r\n<section class=\"dpfg-section dpfg-section--offwhite\">\r\n  <div class=\"dpfg-container\">\r\n    <div class=\"dpfg-section-header\">\r\n      <h2 class=\"dpfg-section-title\">Built for <span class=\"dpfg-accent\">Speed, Privacy, and Simplicity<\/span><\/h2>\r\n      <p class=\"dpfg-section-intro\">No accounts, no fees, no compromises. This tool was designed to do one thing exceptionally well \u2014 and to respect your time and data while doing it.<\/p>\r\n    <\/div>\r\n    <div class=\"dpfg-grid-3\">\r\n      <div class=\"dpfg-benefit-card\" data-reveal>\r\n        <div class=\"dpfg-benefit-icon\">\ud83d\ude80<\/div>\r\n        <span class=\"dpfg-benefit-badge\">Always Free<\/span>\r\n        <h3 class=\"dpfg-benefit-title\">Zero Cost, Zero Signup<\/h3>\r\n        <p class=\"dpfg-benefit-text\">Use the generator as many times as you want without creating an account or entering payment details. Every font style and feature is fully accessible from the first visit \u2014 no premium walls, no hidden limits, no trial periods that expire.<\/p>\r\n      <\/div>\r\n      <div class=\"dpfg-benefit-card\" data-reveal>\r\n        <div class=\"dpfg-benefit-icon\">\ud83d\udd12<\/div>\r\n        <span class=\"dpfg-benefit-badge\">Fully Private<\/span>\r\n        <h3 class=\"dpfg-benefit-title\">Your Text Stays Yours<\/h3>\r\n        <p class=\"dpfg-benefit-text\">Everything happens locally in your browser. No text is sent to any server, stored in any database, or shared with any third party. Your generated content remains completely private from the moment you type it to the moment you paste it.<\/p>\r\n      <\/div>\r\n      <div class=\"dpfg-benefit-card\" data-reveal>\r\n        <div class=\"dpfg-benefit-icon\">\u26a1<\/div>\r\n        <span class=\"dpfg-benefit-badge\">Instant Results<\/span>\r\n        <h3 class=\"dpfg-benefit-title\">Fast Preview, Clean Output<\/h3>\r\n        <p class=\"dpfg-benefit-text\">The generator delivers styled text in real time with zero loading spinners or processing delays. Copy with a single click and paste anywhere \u2014 the output is clean, compatible, and ready to use across all platforms that support Unicode text formatting.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n  var wrapper = document.querySelector('.dpfg-content-wrapper');\r\n  if (!wrapper) return;\r\n\r\n  var revealElements = wrapper.querySelectorAll('[data-reveal]');\r\n\r\n  function checkReveal() {\r\n    var windowHeight = window.innerHeight;\r\n    for (var i = 0; i < revealElements.length; i++) {\r\n      var el = revealElements[i];\r\n      var rect = el.getBoundingClientRect();\r\n      if (rect.top < windowHeight - 60) {\r\n        el.classList.add('dpfg-visible');\r\n      }\r\n    }\r\n  }\r\n\r\n  function throttle(fn, wait) {\r\n    var last = 0;\r\n    return function() {\r\n      var now = Date.now();\r\n      if (now - last >= wait) {\r\n        last = now;\r\n        fn();\r\n      }\r\n    };\r\n  }\r\n\r\n  var throttledCheck = throttle(checkReveal, 100);\r\n\r\n  if (window.addEventListener) {\r\n    window.addEventListener('scroll', throttledCheck, { passive: true });\r\n    window.addEventListener('resize', throttledCheck, { passive: true });\r\n  }\r\n\r\n  setTimeout(checkReveal, 100);\r\n  setTimeout(checkReveal, 400);\r\n})();\r\n<\/script>\r\n<\/div><\/div>\n<\/section>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fontib-full-width.php","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-4260","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fontib.com\/wp-json\/wp\/v2\/pages\/4260","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fontib.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fontib.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fontib.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/fontib.com\/wp-json\/wp\/v2\/comments?post=4260"}],"version-history":[{"count":0,"href":"https:\/\/fontib.com\/wp-json\/wp\/v2\/pages\/4260\/revisions"}],"wp:attachment":[{"href":"https:\/\/fontib.com\/wp-json\/wp\/v2\/media?parent=4260"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}