Home Forums WoodMart support forum Google font : English and Arabic Reply To: Google font : English and Arabic

#357614

Bogdan Donovan
Keymaster

Hi,

Try change font on accordion elements try to replace previous custom code with the following one:

/* arabic */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/tajawal/v8/Iura6YBj_oCad4k1nzSBC45I.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}
/* latin */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/tajawal/v8/Iura6YBj_oCad4k1nzGBCw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/tajawal/v8/Iurf6YBj_oCad4k1l8KiHrRpiYlJ.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}
/* latin */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/tajawal/v8/Iurf6YBj_oCad4k1l8KiHrFpiQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/tajawal/v8/Iurf6YBj_oCad4k1l4qkHrRpiYlJ.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}
/* latin */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/tajawal/v8/Iurf6YBj_oCad4k1l4qkHrFpiQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

[dir="rtl"] .wd-nav-main > li > a, .wd-nav-secondary > li > a,
[dir="rtl"] .title, .woocommerce-Reviews .comment-reply-title, h1, h2, h3, h4, h5, h6, legend, 
[dir="rtl"] body,
[dir="rtl"] .wd-accordion-title,
[dir="rtl"] .wd-accordion-content {
	font-family: Tajawal;	
}

[dir="rtl"] .vc_toggle_size_md.vc_toggle_default .vc_toggle_content, [dir="rtl"] .vc_toggle_size_md.vc_toggle_default .vc_toggle_title, [dir="rtl"] .vc_toggle_size_md.vc_toggle_round .vc_toggle_content, [dir="rtl"] .vc_toggle_size_md.vc_toggle_round .vc_toggle_title, [dir="rtl"] .vc_toggle_size_md.vc_toggle_rounded .vc_toggle_content, [dir="rtl"] .vc_toggle_size_md.vc_toggle_rounded .vc_toggle_title, [dir="rtl"] .vc_toggle_size_md.vc_toggle_simple .vc_toggle_content, [dir="rtl"] .vc_toggle_size_md.vc_toggle_simple .vc_toggle_title, [dir="rtl"] .vc_toggle_size_md.vc_toggle_square .vc_toggle_content, [dir="rtl"] .vc_toggle_size_md.vc_toggle_square .vc_toggle_title {
	padding-left: 0;
	padding-right: 33px;
}

[dir="rtl"] .vc_toggle_title .vc_toggle_icon {
	left: auto;
	right: 0
}

The menu became smaller.

Menu font size depends on the initial font family that you have chosen.

Kind Regards