Learn how to integrate Google Fonts into TinyMCE in just five simple steps. Follow our easy guide with code samples to enhance your editor’s typography.
","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to integrate Google Fonts into TinyMCE in just five simple steps. Follow our easy guide with code samples to enhance your editor’s typography."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to Configure Google Fonts in TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABnlBMVEUJElMKE1QACE8AB04ABU4ABE4AA00AAU0ABk4JE1QEDlEAAk4AAEwAAEkAAEoAAE0AB08dI14tM2kkKmUtMmgqMGgoLmY1PG9PV4JJUX5MVIE1PHAYHlwABU8iKWM7Qnk5QXk+RXo9RHo4P3ZgaJGTnsN4gqtIUIE0PHQfKGQAB1ACClBaZZdsd6drdqZrd6ZncqFzfaSZpMh9iK88RXkmNm8mMGcQHFkADFIBCVADDFEACFAkK2VcZ5hveqlueahueqhqdaR0fqSVoMZ7hq4/S348O2tkNktDL1sAF1daZJVqdKJpc6FqdKFlcJ1zfKGRnMF4g6xCS38rOW8zM2IbIVoMF1YiKGI6QXk9SI0+SZE/SpE+SZA/So1IUH1ES3s0O3MqM28fLGcAClEMFFMVG1cZImc5Us1mduFnd99jdOA+V9USIHEXHVocIl8fJWAWHFkME1IABEwGGm8cKHYgK3YcKXcRIXQDC04EDE8EDVAFDlAIEFEMFFILFFQABEsAAEIAAD0AADwAAD4ABksBCU8CCk8CC08CC1ADDFDf/+DCAAAAg0lEQVQIHU3BPQ4BURhA0XvHi58YU+jEChRqq9IrqFiCNdgLG2AHopUIIyYfU3nniKIgSkTnTUQa+BJSQ1fR2hiEBdWj9O82vGMBU3MXsGAWt4mZE4mFjs1B4jiL8cgMJDhP5+YgAdfKv/2youj1idGhbD2HP6vyXetmh2t/mmTrU2+/Ax4heOmj0ekAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/509NyAsQYkYS5gsCtrHbI5/20113d484cdca22c515ffc88d64cc89d/How_to_Configure_Google_Fonts_in_TinyMCE.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Coco Poley","slug":"coco-poley"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Google Fonts: what is it and how to use it in TinyMCE | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to integrate Google Fonts into TinyMCE in just five simple steps. Follow our easy guide with code samples to enhance your editor’s typography.\n\n"}}},{"node":{"title":"How to add fonts to your Django project","slug":"django-font","featured":false,"lastUpdated":"Mar 12th, 2024","description":{"description":"Django Fonts don't necessarily need a template. Find out how to configure fonts for TinyMCE in our latest guide.
","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Django Fonts don't necessarily need a template. Find out how to configure fonts for TinyMCE in our latest guide."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The Django font abilities demonstrated with the Python logo, and font icons around it","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA1VBMVEVk86Rk9KRj9KRi9KNh9KRi9KRr9aht9qlk9KVd8qFb6Zx48alt86Zn86Vf9KKM8bTG3M3H38+A5qpm55+j7L5o0Zmo3bqh77qI76dy8qZh9KNz8qqW5bKV5LBp76Rz76fj7Obk7eh5yppr66Nh7qRg9KNg9KBm66R23KmL76vu9fD7+fx90aJZ651i7KRl9KVg9aR94KjIyZSG66HT797x8fGA4adb65xm9aZp86N/7p9t56Jz8air8MN176hP245k8qRg9KVj8qRj86Nh86Jg86Ni8aLyVoseAAAAZklEQVQI122OsQ3CQBAEZ04fENAFORW4cspAIiSjBWQC+4/kzH/ARKvRarVSCJBTDkkg3OkADYhsujcV373k2cHnj3xtx2Zchr1nNfvzerg1AQIgH6diuoRtUfVmDokI+Xs/YTX4As6NGDcTucNgAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1sFhnjQASjZxfimsjd2SPM/039042f36c72bc05fd5902d05bd5714e/img-Howto-fonts-Django-project-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to use Django fonts and python fonts | TinyMCE"},"metaDescription":{"metaDescription":"Find out about Django fonts, using python font options and Django font configurations for your project"}}},{"node":{"title":"Navigating CSS accessibility: From font size to contrast standards","slug":"css-accessibility","featured":false,"lastUpdated":"Nov 9th, 2023","description":{"description":"Explore CSS accessibility, from optimizing font size and contrast to using grids and accessibility checkers
","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Explore CSS accessibility, from optimizing font size and contrast to using grids and accessibility checkers"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"CSS accessibility navigation, represented by measurement and sizing symbols","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAq1BMVEXMtP/Ms//Lsv/NtP/OuP7Vw/3Wx/rSvu/LsOLMsv/OtP/Ls/3Ntf/JsfzLsf/Zyvva2tnY2tXXy+vLsPPCsvePxdW6ufHQt//Ot//UwvzNzsnMzsXVzunPtf/Guvln276ov+bRtP/Otv/Gs/rGt/Td1fHZz/HTw/fGuPly3cHPsv/Ntv/BsvS+r/DKsf7Irv3Ksv7Hufl128SqwOfRtf/Mtf++vfTGtvvOs/82kf3mAAAAZ0lEQVQIHY3BMQ6CQBRF0fv4NDNoYk1jzQ7c/xbYBqFxMokmMP7BGENoOIfTxEaiFIOFSlQybcidEgh31V9K0OKe4aafBDQ46zs3xUjId6ClCnLvoKgZJyqDtVwGaXyxsGMP48j4+gCkhBLKcMD4cwAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/69PUTEJEnFLRNoBFvaUcmW/0035dea860a6512b7bd4119113e1292f/img-Navigating-CSS-Accessibility-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/69PUTEJEnFLRNoBFvaUcmW/0035dea860a6512b7bd4119113e1292f/img-Navigating-CSS-Accessibility-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/69PUTEJEnFLRNoBFvaUcmW/0035dea860a6512b7bd4119113e1292f/img-Navigating-CSS-Accessibility-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/69PUTEJEnFLRNoBFvaUcmW/0035dea860a6512b7bd4119113e1292f/img-Navigating-CSS-Accessibility-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/69PUTEJEnFLRNoBFvaUcmW/0035dea860a6512b7bd4119113e1292f/img-Navigating-CSS-Accessibility-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/69PUTEJEnFLRNoBFvaUcmW/0035dea860a6512b7bd4119113e1292f/img-Navigating-CSS-Accessibility-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/69PUTEJEnFLRNoBFvaUcmW/0035dea860a6512b7bd4119113e1292f/img-Navigating-CSS-Accessibility-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/69PUTEJEnFLRNoBFvaUcmW/0035dea860a6512b7bd4119113e1292f/img-Navigating-CSS-Accessibility-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/69PUTEJEnFLRNoBFvaUcmW/0035dea860a6512b7bd4119113e1292f/img-Navigating-CSS-Accessibility-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/69PUTEJEnFLRNoBFvaUcmW/0035dea860a6512b7bd4119113e1292f/img-Navigating-CSS-Accessibility-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/69PUTEJEnFLRNoBFvaUcmW/0035dea860a6512b7bd4119113e1292f/img-Navigating-CSS-Accessibility-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/69PUTEJEnFLRNoBFvaUcmW/0035dea860a6512b7bd4119113e1292f/img-Navigating-CSS-Accessibility-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/69PUTEJEnFLRNoBFvaUcmW/0035dea860a6512b7bd4119113e1292f/img-Navigating-CSS-Accessibility-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/69PUTEJEnFLRNoBFvaUcmW/0035dea860a6512b7bd4119113e1292f/img-Navigating-CSS-Accessibility-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"World of WYSIWYG","slug":"wysiwyg-world"},"metaTitle":{"metaTitle":"Navigating CSS Accessibility: From Font Size to Contrast Standards | TinyMCE"},"metaDescription":{"metaDescription":"Explore CSS accessibility, from optimizing font size and contrast to using grids and checkers. Enhance web inclusivity with our essential guide."}}},{"node":{"title":"Mastering document formatting in TinyMCE","slug":"document-formatting","featured":false,"lastUpdated":"Oct 31st, 2023","description":{"description":"Find out all you need to know about document formatting in TinyMCE - from formatting types to essential steps.
","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out all you need to know about document formatting in TinyMCE - from formatting types to essential steps."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The formatting options that make up document formatting options combined together","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA8FBMVEVA/90//90//94+/94+/908/900/90q/90v/t45/t07/945/94w/901/95C/95E/t1A/twd/dtl9tq37chy6MhM7Ndp7tU9/944/92b++XB9+mn9uRi985e+tE0/96T++PX8+3t6ubl5MGN58Rd89c8/96M99+s7NuS79pP+9pa/dws/929++v////s8fTm48x68MhE/Ns8/99S+9Bu9LNq9ti369yW38957dW29ubF9unn+/bW5NRQ6cs3/95C/9xO/dRk8taN28py4s5O99h9++Cu7+Cx8eKB9d0x9dg4/944/dw7/90t/9xi/d4z/91Fwag6AAAAbElEQVQIHW3BIRLCMBRF0fuaz4SgK5hhAWyCldfiEZ1KbEXbDWDSDzFNBOfwjzhIwt0BASKw46bis4NAXNRYHYPQq7WCwOJN1ZjBIN/VcEBAeOjwWoAOyM85pTSdhxjfG1X3Y6eriUJUAqf4Ak2hF6eY+UqwAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2EZG9CMvDMJvZqJXmp1g0T/4adaa73533e6fda17a2dd4b987281f9e/img-Mastering-Document-Formatting-TinyMCE-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Mastering document formatting | TinyMCE"},"metaDescription":{"metaDescription":"Navigate through the essentials of document formatting in TinyMCE. Explore various formatting types, and learn practical steps on how to format documents effectively."}}},{"node":{"title":"Custom font sizes in TinyMCE","slug":"custom-font-sizes-in-tinymce","featured":false,"lastUpdated":"Apr 13th, 2023","description":{"description":"Configure TinyMCE with your own set of custom font sizes for users to choose from. In this article, we’ll discuss how to define the set of available font sizes, plus how to set the default font size for the editor if required.
","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Configure TinyMCE with your own set of custom font sizes for users to choose from. In this article, we’ll discuss how to define the set of available font sizes, plus how to set the default font size for the editor if required."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to set custom font sizes in TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAq1BMVEVz3uZz3uZz3+Zy3+Zy3+dz3+dz3udx3+du4Odr3+dq4Odu4Ohx3+h03+Zw4OebwuTDsOTGr9yauNJ43uGL2NVy3udy3uZ23uVx3+W8rc75wtz8vtG5kKZx3uGJ1dNx3eVl3ubEt7/+uLn/uLi4j35Z1Npw4Ol13eV03OOMytGqrbGopJuZrZiOy+By3eh13uZ23eVo2+Fd0tJo3OKO2OOV2ehx3uZy3+hw3+ZttJjwAAAAAXRSTlP+GuMHfQAAAFdJREFUCNdjYMACGBlhNCOI+A3msEDFWIGijH9Y//9BUsnDCAUff8NVisLEviObKQcVvP8HYaYoB1SQAdkiqODDv3C3gAArq5k5uwUzI4oOsJY/aI5HAQBV1Q0LEB5EOQAAAABJRU5ErkJggg==","aspectRatio":1.780758556891767,"src":"//images.ctfassets.net/s600jj41gsex/2hDUJsP2VvIWnL236sF4tW/3784fbfe11113545a8b387e0374ea403/How_to_set_custom_HTML_font_sizes_in_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2hDUJsP2VvIWnL236sF4tW/3784fbfe11113545a8b387e0374ea403/How_to_set_custom_HTML_font_sizes_in_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2hDUJsP2VvIWnL236sF4tW/3784fbfe11113545a8b387e0374ea403/How_to_set_custom_HTML_font_sizes_in_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2hDUJsP2VvIWnL236sF4tW/3784fbfe11113545a8b387e0374ea403/How_to_set_custom_HTML_font_sizes_in_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2hDUJsP2VvIWnL236sF4tW/3784fbfe11113545a8b387e0374ea403/How_to_set_custom_HTML_font_sizes_in_TinyMCE.png?w=1109&h=623&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2hDUJsP2VvIWnL236sF4tW/3784fbfe11113545a8b387e0374ea403/How_to_set_custom_HTML_font_sizes_in_TinyMCE.png?w=1478&h=830&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2hDUJsP2VvIWnL236sF4tW/3784fbfe11113545a8b387e0374ea403/How_to_set_custom_HTML_font_sizes_in_TinyMCE.png?w=1925&h=1081&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2hDUJsP2VvIWnL236sF4tW/3784fbfe11113545a8b387e0374ea403/How_to_set_custom_HTML_font_sizes_in_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2hDUJsP2VvIWnL236sF4tW/3784fbfe11113545a8b387e0374ea403/How_to_set_custom_HTML_font_sizes_in_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2hDUJsP2VvIWnL236sF4tW/3784fbfe11113545a8b387e0374ea403/How_to_set_custom_HTML_font_sizes_in_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2hDUJsP2VvIWnL236sF4tW/3784fbfe11113545a8b387e0374ea403/How_to_set_custom_HTML_font_sizes_in_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2hDUJsP2VvIWnL236sF4tW/3784fbfe11113545a8b387e0374ea403/How_to_set_custom_HTML_font_sizes_in_TinyMCE.png?w=1109&h=623&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2hDUJsP2VvIWnL236sF4tW/3784fbfe11113545a8b387e0374ea403/How_to_set_custom_HTML_font_sizes_in_TinyMCE.png?w=1478&h=830&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2hDUJsP2VvIWnL236sF4tW/3784fbfe11113545a8b387e0374ea403/How_to_set_custom_HTML_font_sizes_in_TinyMCE.png?w=1925&h=1081&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Ben Long","slug":"ben-long"},"category":{"title":"World of WYSIWYG","slug":"wysiwyg-world"},"metaTitle":{"metaTitle":"Custom font sizes in TinyMCE"},"metaDescription":{"metaDescription":"Configure TinyMCE with your own set of custom font sizes for users to choose from. In this article, we’ll discuss how to define the set of available font sizes, plus how to set the default font size for the editor if required."}}},{"node":{"title":"CSS hacks for TinyMCE beginners","slug":"css-hacks","featured":false,"lastUpdated":"Sep 20th, 2022","description":{"description":"CSS hacks and tips that can help to customize your rich text editing experience
","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"CSS hacks and tips that can help to customize your rich text editing experience"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A cloud and five stars with different colors connected with a tie to the edge of the image","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/42FwpKbcUvKyUDf09AGdSz/ba74554cc07a5deb73b04455ca98b88c/img-CSS-5-star-cloud-version.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/42FwpKbcUvKyUDf09AGdSz/ba74554cc07a5deb73b04455ca98b88c/img-CSS-5-star-cloud-version.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/42FwpKbcUvKyUDf09AGdSz/ba74554cc07a5deb73b04455ca98b88c/img-CSS-5-star-cloud-version.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/42FwpKbcUvKyUDf09AGdSz/ba74554cc07a5deb73b04455ca98b88c/img-CSS-5-star-cloud-version.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/42FwpKbcUvKyUDf09AGdSz/ba74554cc07a5deb73b04455ca98b88c/img-CSS-5-star-cloud-version.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/42FwpKbcUvKyUDf09AGdSz/ba74554cc07a5deb73b04455ca98b88c/img-CSS-5-star-cloud-version.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/42FwpKbcUvKyUDf09AGdSz/ba74554cc07a5deb73b04455ca98b88c/img-CSS-5-star-cloud-version.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/42FwpKbcUvKyUDf09AGdSz/ba74554cc07a5deb73b04455ca98b88c/img-CSS-5-star-cloud-version.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/42FwpKbcUvKyUDf09AGdSz/ba74554cc07a5deb73b04455ca98b88c/img-CSS-5-star-cloud-version.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/42FwpKbcUvKyUDf09AGdSz/ba74554cc07a5deb73b04455ca98b88c/img-CSS-5-star-cloud-version.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/42FwpKbcUvKyUDf09AGdSz/ba74554cc07a5deb73b04455ca98b88c/img-CSS-5-star-cloud-version.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/42FwpKbcUvKyUDf09AGdSz/ba74554cc07a5deb73b04455ca98b88c/img-CSS-5-star-cloud-version.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/42FwpKbcUvKyUDf09AGdSz/ba74554cc07a5deb73b04455ca98b88c/img-CSS-5-star-cloud-version.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/42FwpKbcUvKyUDf09AGdSz/ba74554cc07a5deb73b04455ca98b88c/img-CSS-5-star-cloud-version.jpg?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Gideon Idoko","slug":"gideon-idoko"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"CSS hacks for TinyMCE beginners | TinyMCE"},"metaDescription":{"metaDescription":"CSS hacks and tips that can help to customize your rich text editing experience and fix styling issues in your web page without needing in-depth knowledge of CSS."}}},{"node":{"title":"Neon fonts and glowing text CSS: get started in two steps","slug":"neon-fonts-and-glowing-text-get-started-in-two-steps","featured":false,"lastUpdated":"Aug 10th, 2022","description":{"description":"Thinking about how your designs can stand out from the crowd? Here are some CSS tips and tricks to get you started with some funky neon fonts and glowing text.
","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Thinking about how your designs can stand out from the crowd? Here are some CSS tips and tricks to get you started with some funky neon fonts and glowing text."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Neon sign of speech ballon with text: 'hello'.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/21VHqGCwlTx49g6uJBGB71/fb98961709a2b3747244ed0e82b4007d/hello-small.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/21VHqGCwlTx49g6uJBGB71/fb98961709a2b3747244ed0e82b4007d/hello-small.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/21VHqGCwlTx49g6uJBGB71/fb98961709a2b3747244ed0e82b4007d/hello-small.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/21VHqGCwlTx49g6uJBGB71/fb98961709a2b3747244ed0e82b4007d/hello-small.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/21VHqGCwlTx49g6uJBGB71/fb98961709a2b3747244ed0e82b4007d/hello-small.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/21VHqGCwlTx49g6uJBGB71/fb98961709a2b3747244ed0e82b4007d/hello-small.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/21VHqGCwlTx49g6uJBGB71/fb98961709a2b3747244ed0e82b4007d/hello-small.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/21VHqGCwlTx49g6uJBGB71/fb98961709a2b3747244ed0e82b4007d/hello-small.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/21VHqGCwlTx49g6uJBGB71/fb98961709a2b3747244ed0e82b4007d/hello-small.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/21VHqGCwlTx49g6uJBGB71/fb98961709a2b3747244ed0e82b4007d/hello-small.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Ben Long","slug":"ben-long"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Neon fonts and glowing text | CSS animation and effects"},"metaDescription":{"metaDescription":"Find out how to get neon fonts and glowing text in your web designs for free in two simple steps with CSS text-shadow and animation properties."}}},{"node":{"title":"How to send email using Node JS & Nodemailer (SMTP) or SendGrid","slug":"node-js-send-email","featured":false,"lastUpdated":"Jun 1st, 2022","description":{"description":"Find out what the best two options are for sending email – Node JS through Nodemail or a third-party email service – and the pros and cons of each option. Follow the tutorials to try out both options for sending email
","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out what the best two options are for sending email – Node JS through Nodemail or a third-party email service – and the pros and cons of each option. Follow the tutorials to try out both options for sending email"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Node JS used for sending test email, represented by an envelope icon and the node logo.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/DOnuZYniI9LejP0quOE0K/55eabb922601dcff6bc278d12b288e15/Image_TinyMCE_Nodejs_Email_Apps_Setup.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/DOnuZYniI9LejP0quOE0K/55eabb922601dcff6bc278d12b288e15/Image_TinyMCE_Nodejs_Email_Apps_Setup.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/DOnuZYniI9LejP0quOE0K/55eabb922601dcff6bc278d12b288e15/Image_TinyMCE_Nodejs_Email_Apps_Setup.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/DOnuZYniI9LejP0quOE0K/55eabb922601dcff6bc278d12b288e15/Image_TinyMCE_Nodejs_Email_Apps_Setup.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/DOnuZYniI9LejP0quOE0K/55eabb922601dcff6bc278d12b288e15/Image_TinyMCE_Nodejs_Email_Apps_Setup.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/DOnuZYniI9LejP0quOE0K/55eabb922601dcff6bc278d12b288e15/Image_TinyMCE_Nodejs_Email_Apps_Setup.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/DOnuZYniI9LejP0quOE0K/55eabb922601dcff6bc278d12b288e15/Image_TinyMCE_Nodejs_Email_Apps_Setup.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/DOnuZYniI9LejP0quOE0K/55eabb922601dcff6bc278d12b288e15/Image_TinyMCE_Nodejs_Email_Apps_Setup.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/DOnuZYniI9LejP0quOE0K/55eabb922601dcff6bc278d12b288e15/Image_TinyMCE_Nodejs_Email_Apps_Setup.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/DOnuZYniI9LejP0quOE0K/55eabb922601dcff6bc278d12b288e15/Image_TinyMCE_Nodejs_Email_Apps_Setup.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/DOnuZYniI9LejP0quOE0K/55eabb922601dcff6bc278d12b288e15/Image_TinyMCE_Nodejs_Email_Apps_Setup.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/DOnuZYniI9LejP0quOE0K/55eabb922601dcff6bc278d12b288e15/Image_TinyMCE_Nodejs_Email_Apps_Setup.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/DOnuZYniI9LejP0quOE0K/55eabb922601dcff6bc278d12b288e15/Image_TinyMCE_Nodejs_Email_Apps_Setup.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/DOnuZYniI9LejP0quOE0K/55eabb922601dcff6bc278d12b288e15/Image_TinyMCE_Nodejs_Email_Apps_Setup.jpg?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"John Rau","slug":"john-rau"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to send email using Node JS | TinyMCE"},"metaDescription":{"metaDescription":"Find out what the best two options are for sending email – Node JS through Nodemail or a third-party email service – and the pros and cons of each option."}}},{"node":{"title":"Add a custom font family in TinyMCE","slug":"tinymce-custom-font-family","featured":false,"lastUpdated":"Sep 7th, 2020","description":{"description":"Add a custom font family to TinyMCE for your users to choose from. In this article, we’ll discuss how to add the font as an option, plus how to set it as the default font if required.
","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Add a custom font family to TinyMCE for your users to choose from. In this article, we’ll discuss how to add the font as an option, plus how to set it as the default font if required."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Text \"Fonts\" displayed five times, each in a different font.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAACzVBMVEUEmOUDmOUAmOUAl+UAleUAm+UFmOUImeUEl+UFl+UDl+UAleQVleEult8rl94Qlt4imd4zmd8tlt8MleEAluQGl+UImOUGleQBleQAj+GMtubA1OzF1+3G2O26z+rF1u18ruQAkOICleQKl+QRmuUIk+QHk+QCk+QAjuFxqeKJs+Cmw+WeveSPtOGArN+dveVup+IAj+IDk+QKlOQNluQJlOQIkeQEkeQAkONGmuCWuuVvpN5am9xgnd1wpN9kn942k98AjuMLkuQOlOQJkeQIjuQJj+QAj+NQmuGSteWDreKUt+aXuOahv+hgnuMAi+MIj+QOkOQJjuQJiuQNjOUPjuVLleFvoeFSld8qid4vit44jN48jt8MiOEAiuQMjOUKi+QPjeQRjuQJh+UNieURiuUOiuUAhORdmeOYueh0pONsoOR2puV4puVyo+RUl+QAh+QIh+UKiOUPiuUJhOYOhuYRiOYGheYAgORJjuJrneNQkeFgmONun+NsnuJyoeRYluQAguUHheYPh+YOhecRhucMg+cAgecphOSbtul1n+NpmOJwnONdkuCLq+VvnOJbk+QAf+UKhegQhucOhOcShekRhOkMgekIgOkAf+gzheWWsul1nOOnveqnveuNreiTsOiVseiZtesLgeYJhOkQhOkOgukKgOkQg+sOgesLf+sJf+sDf+sAe+hLiuWVsOholOEAeN8Ie+EkfeI2guIyhOUAgOkMg+sPg+sNgesKf+sMf+wKfuwMf+0Lfu0Gfu0Ae+tWjuetwOyyw+ylu+upveyhuOumvOx2oOoAfesMgu0NgOwKfe4Mfu8Ife8Aeu5RjOuTr+yFpup6n+mHp+uDpeqDputSj+sAfu0Kf+8KffEKfvECffEEfe8hgO4Ad+0Ad+4Aee4Ae+4AffAGfvEIffEJffQKf/QBfvQAe/QAfPQAf/QCf/QEfvQHffSxVR3NAAAAgElEQVQYGQXBwUoCARiAwW/0pwh0dfPQpfd/tI5BWhFBbjOqoG3Xn+3+YNt5qgDw6SAvFXDfw1cHsxQAmCOzVgD4fuU6pwq473Gi4yzF7yMAMecAAK7NSgDgtjZnAQC7xawAAM/MBQCA5gIA8FGzFgC4nWuWCvB+gcpbFSj8VP0Df8sVEIBxT+gAAAAASUVORK5CYII=","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/6le4nngAObkI2gWAH9pJBs/28561c3626b3f96635629e3d3bdd0d6b/Image_default_CustomFonts.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6le4nngAObkI2gWAH9pJBs/28561c3626b3f96635629e3d3bdd0d6b/Image_default_CustomFonts.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6le4nngAObkI2gWAH9pJBs/28561c3626b3f96635629e3d3bdd0d6b/Image_default_CustomFonts.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6le4nngAObkI2gWAH9pJBs/28561c3626b3f96635629e3d3bdd0d6b/Image_default_CustomFonts.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6le4nngAObkI2gWAH9pJBs/28561c3626b3f96635629e3d3bdd0d6b/Image_default_CustomFonts.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6le4nngAObkI2gWAH9pJBs/28561c3626b3f96635629e3d3bdd0d6b/Image_default_CustomFonts.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6le4nngAObkI2gWAH9pJBs/28561c3626b3f96635629e3d3bdd0d6b/Image_default_CustomFonts.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6le4nngAObkI2gWAH9pJBs/28561c3626b3f96635629e3d3bdd0d6b/Image_default_CustomFonts.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6le4nngAObkI2gWAH9pJBs/28561c3626b3f96635629e3d3bdd0d6b/Image_default_CustomFonts.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6le4nngAObkI2gWAH9pJBs/28561c3626b3f96635629e3d3bdd0d6b/Image_default_CustomFonts.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Ben Long","slug":"ben-long"},"category":{"title":"World of WYSIWYG","slug":"wysiwyg-world"},"metaTitle":null,"metaDescription":null}},{"node":{"title":"How to use variable fonts","slug":"how-to-use-variable-fonts","featured":false,"lastUpdated":"Jan 6th, 2020","description":{"description":"Learn how to load and use variable fonts for added customization and flexibility when working with typography, including how to use them in TinyMCE.
","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to load and use variable fonts for added customization and flexibility when working with typography, including how to use them in TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Three capital letter 'A's, each styled differently.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAIAAACZeshMAAADKElEQVQYGQXBS2hcVRgH8P93zrn3zp2X82imnU6w0ncnMYHEWEgRsxCLoEK7aDclIgULItiFIGgU3LoQKbhw44Ouio/gRqq0C3VhRZRYK/hINTaOThJnxqTzuPeee77P349qE08BEo1i55gIAAAAgAACEAQAQSvlB35qU5tYYXie8X3PQNIoStLYUSoSKFIAIAIkIlsWWUVFrTzl+Sq1iY0sbzvvrhjDjMREw1EaOVX29Z68vdlBVhMBMfOGzTy+z3X6/HXXP5hz1tooda04M1EMm3VxDIFxNpV2nD87k5+dar/0vthUFLmNQf7c9H1vvByvrf/14FLaG6UBcdv6SBtvXczNTIEZEAXrAGfGyjKKguk93E1kZBm9ypmTplTKNo+EF49HnY7sJJp71ddPF+bndCGrinlVKCgZWt3M6yCIVteCgw1JIu4Nw4Vm8fjs9mdf2G6vfPpRwVD1++FDh8pnnyRPCwscg1lxfxRM1CW2w1u/eburADu0q08/oTLh1ptXdm58m5ueLJ2aB25XX1wM7t0rTpI7/4AZBCXo+/sb6UYnurpKGc9Uw2DXeGnhxOjWL93rb3fe+xgkpTMni88sFh8+AcD+vdG5vMxpCpABnF/bNfhyRWTISew3xwqPzfn1ev/GytjzS8pou7lVXJjPzUzqfCgMHkXhXJOUAkC5w4/sfe25ZL3NSRyM16Mffq4snsreP+m2d0AEERB0sQAiiJAiEAAIAyImnD8W317vLH2gyiqYbVSfPRcePdz78NPe5U9UPsODKHzg2O4XLuhsKAK72RXnAJhKSQWeyRzYl9xpMbpqJxxcu9m4dECipPfO8uDzZUIZMLVXLuhcCCBZa/15/tXk1xYY+69fyk0c0abcSH78gxLrDASgsczgq+/6715ThQp5oT5aU6Xi4Puf+t+s/PfR1d7yFde/awer4gXx7y3Kqil1j8eG2AkGKcU9Ba0KZcoaALJtbdRKsQlAYVwFFWQ0Iub4X0aL8rVZxywiIDJEBAIERCACwM4568AAAYqgCAQIwAIRk7oEAgBaKRAJAAAABMzCzNCABgBAAEAAAAoA/gfp7J4D8bJIUAAAAABJRU5ErkJggg==","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/3NgfK74oTAIGboLyFS8uuc/edc76e3bb4adad189b1e8f1ad13b28cc/Image_default_variable-fonts.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3NgfK74oTAIGboLyFS8uuc/edc76e3bb4adad189b1e8f1ad13b28cc/Image_default_variable-fonts.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3NgfK74oTAIGboLyFS8uuc/edc76e3bb4adad189b1e8f1ad13b28cc/Image_default_variable-fonts.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3NgfK74oTAIGboLyFS8uuc/edc76e3bb4adad189b1e8f1ad13b28cc/Image_default_variable-fonts.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3NgfK74oTAIGboLyFS8uuc/edc76e3bb4adad189b1e8f1ad13b28cc/Image_default_variable-fonts.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3NgfK74oTAIGboLyFS8uuc/edc76e3bb4adad189b1e8f1ad13b28cc/Image_default_variable-fonts.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3NgfK74oTAIGboLyFS8uuc/edc76e3bb4adad189b1e8f1ad13b28cc/Image_default_variable-fonts.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3NgfK74oTAIGboLyFS8uuc/edc76e3bb4adad189b1e8f1ad13b28cc/Image_default_variable-fonts.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3NgfK74oTAIGboLyFS8uuc/edc76e3bb4adad189b1e8f1ad13b28cc/Image_default_variable-fonts.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3NgfK74oTAIGboLyFS8uuc/edc76e3bb4adad189b1e8f1ad13b28cc/Image_default_variable-fonts.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Fredrik Danielsson","slug":"fredrik-danielsson"},"category":{"title":"World of WYSIWYG","slug":"wysiwyg-world"},"metaTitle":null,"metaDescription":null}},{"node":{"title":"How to change the default font family, size, and color in TinyMCE","slug":"how-to-change-the-default-font-family-size-and-color-in-tinymce","featured":false,"lastUpdated":"Nov 26th, 2019","description":{"description":"To change the default font family, size, or color in the TinyMCE editor, we recommend using content_css or content_style (or a combination of both) depending on your use case.
","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"To change the default font family, size, or color in the TinyMCE editor, we recommend using content_css or content_style (or a combination of both) depending on your use case."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Light blue text on darker blue background that reads: font style font color font weight font size","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAIAAACZeshMAAAC+ElEQVQYGQXBy25bVRQG4H+tfTkXJ7bjOJcmKU0giAIqDJghMUPiLXiSjnmAvgYz5giBVKEKlEkKEpAmTeomcWLnxHaOz2VfFt9HeDHa3LX73w2Kscutb6NfLpP+pvGK3NT3t831SXXxc3H4zWr2dLV6sxwcZtPLVjKWccsKuB+7h6lzExfalsZlnsMvmuZkHstlOa3rO7fx+ojP3iAiMJYzPz8t9WQx+CTRFEWcFP+Ui0sng0XWN/WPv4f9PX1xLkrC9laWal9O2nEXb5v6r1vlR7a/TYWp73OtGWDcHi9h9cOr09I1qprjj5H3DYjdnrI3o7i5JS9Pr6oDNA6/HplP+/j+28VPf1L64h0xdT5KyrctT+fEFKCy6qY2Ax0DG8NNg36u01kxWQMhv78OecfbPJlcaT8LvYOk+9mKXqm9y5VhUqQHe/63WTLUvKpIkyhS3UdrRRta4XR9cVyGRVjufKjJw5fR3Tm7bjPU0ccQExZRiMmWgiHVtRCRCLOTUGzaqZfCM4FCpOyHCzBUrtio7Pa1TCfQGToWV3eUmDjstYOnyeXfIRidVVKFUEOKFkwx7Wk4gOHnQaoYrzu2Wqq2EK/FZtFJvGnq7ZrPZ5KmMr2Tbk5aSFoepPHxLqXPL+yOts+y9r+GCXpo4k0jDcWURMAdxKBUEqmjpI7VcSulUAxmqLMnVsNDHJgo/6JDVSHs3Bx6C2rHircSHOeGLIfJQro61KNQaGjtwrpJvYYnd+LlfM6p4usznp+FNobAyLXfemauj9TXe4jev7whXaplYMkkXdNfDrmvKH8+UqvMqySTiDSG24YGiI3Cg4+lRWgQgRhIiZ6exN6uJD2zLuqwC0M6OTDoMG1qeERXYwy1nwLi34f4ywxJAmNALIB79BWE7AbxEx0JUotGJNxHd1y5Ajx/xw/vo2XYrgTo2S0Uh43PJe1DBAKzSfSBjgwpJZw47U4DOfiGYg1JHge7AxCIQEIrHwMQVghEAj0k3jdCkFrCv55K/A8+98KUMi4hEgAAAABJRU5ErkJggg==","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/Tuoy7qb1PtNQCpfo890Ev/64341bebd8c4742c1f1efd948d90e60b/Image_default_font.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/Tuoy7qb1PtNQCpfo890Ev/64341bebd8c4742c1f1efd948d90e60b/Image_default_font.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/Tuoy7qb1PtNQCpfo890Ev/64341bebd8c4742c1f1efd948d90e60b/Image_default_font.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/Tuoy7qb1PtNQCpfo890Ev/64341bebd8c4742c1f1efd948d90e60b/Image_default_font.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/Tuoy7qb1PtNQCpfo890Ev/64341bebd8c4742c1f1efd948d90e60b/Image_default_font.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/Tuoy7qb1PtNQCpfo890Ev/64341bebd8c4742c1f1efd948d90e60b/Image_default_font.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/Tuoy7qb1PtNQCpfo890Ev/64341bebd8c4742c1f1efd948d90e60b/Image_default_font.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/Tuoy7qb1PtNQCpfo890Ev/64341bebd8c4742c1f1efd948d90e60b/Image_default_font.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/Tuoy7qb1PtNQCpfo890Ev/64341bebd8c4742c1f1efd948d90e60b/Image_default_font.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/Tuoy7qb1PtNQCpfo890Ev/64341bebd8c4742c1f1efd948d90e60b/Image_default_font.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Ben Long","slug":"ben-long"},"category":{"title":"World of WYSIWYG","slug":"wysiwyg-world"},"metaTitle":{"metaTitle":"How to change the default font family, size, and color in the TinyMCE WYSIWYG HTML editor"},"metaDescription":{"metaDescription":"To change the default font family, size, or color in the TinyMCE WYSIWYG HTML editor, we recommend using content_css or content_style (or a combination of both) depending on your use case."}}}]}},"pageContext":{"limit":12,"skip":0,"numPages":1,"currentPage":1,"slug":"fonts","title":"Fonts","page":"tag","banner":{"description":"Deploy TinyMCE in just 6 lines of code","buttonLabel":"Get your Cloud API Key","externalLink":"https://www.tiny.cloud/get-tiny/","section":["category","author","posts","home","tag"]},"bannerForTag":{"bannerDescription":"Copy-paste formatting to a new content location without reformatting","bannerButtonLabel":"Explore Format Painter","bannerExternalLink":"https://www.tiny.cloud/tinymce/features/format-painter/","bannerIsEnabled":true}}},"staticQueryHashes":["2492987505","740350947"]}