support.piktochart.com Open in urlscan Pro
2606:4700:20::681a:dbd  Public Scan

Submitted URL: https://support.piktochart.com/articles/216949698-how-can-i-upload-my-own-fonts
Effective URL: https://support.piktochart.com/article/114-upload-custom-fonts
Submission Tags: falconsandbox
Submission: On January 06 via api from US — Scanned from DE

Form analysis 2 forms found in the DOM

GET /search

<form action="/search" method="GET" id="searchBar" class="sm" autocomplete="off">
  <input type="hidden" name="collectionId" value="5d9ea8fe04286364bc903872">
  <input type="text" name="query" title="search-query" class="search-query" placeholder="Search" value="">
  <button type="submit">
    <span class="sr-only">Toggle Search</span>
    <i class="icon-search"></i>
  </button>
  <div id="serp-dd" style="display: none;" class="sb">
    <ul class="result">
    </ul>
  </div>
</form>

POST /contact

<form data-parsley-validate="" novalidate="" method="post" action="/contact" enctype="multipart/form-data" class="form-horizontal contact">
  <div class="control-group">
    <label for="md-name" class="control-label">Name</label>
    <div class="controls">
      <input type="text" name="name" id="md-name" placeholder="(optional)">
    </div>
    <!--/controls-->
  </div>
  <!--/control-group-->
  <div class="control-group">
    <label for="md-email" class="control-label">Email</label>
    <div class="controls">
      <input type="email" name="email" id="md-email" data-parsley-required="true" data-parsley-type="email" data-parsley-notblank="true" data-parsley-trigger="change" data-parsley-required-message="Email is required">
      <input type="text" name="phone" id="phone" value="">
    </div>
    <!--/controls-->
  </div>
  <!--/control-group-->
  <div class="control-group">
    <label for="md-subject" class="control-label">Subject</label>
    <div class="controls">
      <input type="text" name="subject" id="md-subject" data-parsley-required="true" data-parsley-notblank="true" data-parsley-required-message="Subject is required">
    </div>
    <!--/controls-->
  </div>
  <!--/control-group-->
  <div class="control-group">
    <label for="md-message" class="control-label">Message</label>
    <div class="controls">
      <textarea name="message" id="md-message" data-parsley-required="true" data-parsley-notblank="true" data-parsley-required-message="Message is required"></textarea>
    </div>
    <!--/controls-->
  </div>
  <!-- /control-group -->
  <div class="control-group">
    <label for="file-upload" class="control-label">Upload file</label>
    <div class="controls">
      <input id="file-upload" type="file" name="upload" data-parsley-max-file-size="10">
    </div>
  </div>
  <!--/control-group-->
  <div class="form-actions">
    <div class="g-recaptcha" data-sitekey="6LdhmSQTAAAAAMdAtrGjQeyN1HWWWAc5iN8FZ_MD">
      <div style="width: 304px; height: 78px;">
        <div><iframe title="reCAPTCHA"
            src="https://www.google.com/recaptcha/api2/anchor?ar=1&amp;k=6LdhmSQTAAAAAMdAtrGjQeyN1HWWWAc5iN8FZ_MD&amp;co=aHR0cHM6Ly9zdXBwb3J0LnBpa3RvY2hhcnQuY29tOjQ0Mw..&amp;hl=de&amp;v=VZKEDW9wslPbEc9RmzMqaOAP&amp;size=normal&amp;cb=zcqrpyytkftr"
            width="304" height="78" role="presentation" name="a-snh1sdieput5" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox"></iframe>
        </div><textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response"
          style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea>
      </div><iframe style="display: none;"></iframe>
    </div>
    <input type="submit" class="btn" value="Send">
  </div>
  <!--/form-actions-->
</form>

Text Content

Toggle Navigation
 * Home
 * Piktochart
 * Login
 * Signup


UPLOADING CUSTOM FONTS

As a PRO user, you can upload your own fonts to Piktochart. 

If you’re a member of a Workspace, only the Owner or Administrator(s) of the
Workspace can upload fonts to the Brand Assets for the Workspace. You can ask
the Owner or Administrator to upload your font there on your behalf.




This font upload feature will come in handy especially if you need to create
on-brand content for your company or organization. It’s very simple to upload
your own fonts. 

Click on the Settings icon next to the Profile icon on the top right of the page
and go to Brand Assets → My Fonts








Once you reach your My Fonts page:

1 Click +Upload New Font 2 Upload the font file
We highly recommend using the WOFF file, although TTF and OTF are also
supported.

Remember to unzip your font files in order to upload them.







FILE FORMAT

You can upload your font in three different formats: TTF, OTF, and WOFF. WOFF is
the recommended format to use, since it’s a compressed format and it loads
faster.




If you encounter an error message while uploading your design, please ensure
that you are using the correct font file format with proper metadata and
that the file is not corrupted.





USING FONT VARIANTS

Every font style has a family, and the supported variants are regular, bold,
italic, bold and italic. Regular variant (base font) is a required variant
before you add on other variants. You can add them all to Piktochart and then
use the upper menu to choose the right format.







If the font style that you’ve added has more than one variant, you can Click B
for Bold and I for Italics in the editing toolbar found in the Editor. Click
both B and I for Bold Italics.




If you need to update your font styles variants, you can do so by clicking on
the pencil icon:







By clicking the pencil icon, you can replace an existing font style or add a new
font style under the same font family. You cannot remove a font style without
deleting the font family - You need to delete the font and re-upload the fonts
again.

We do not support light variants as they tend to cause rendering issues on
different browser/OS, especially on downloaded copies.





COMMON QUESTIONS

WHERE CAN I FIND MY UPLOADED FONTS?




When you’re working on your projects, you can find your uploaded fonts in the
editor. Simply click on the font drop-down menu:










CAN I UPLOAD FOREIGN FONTS?

Yes! You can. As long as the font file supports foreign characters, it will work
fine on Piktochart. If you’re looking for more font options, you can even
consider using free fonts. Check out our Using Free (open-source) Fonts article
to learn more!




HOW MANY FONTS CAN I IMPORT?

You can upload a maximum of 10 font families.




WHAT HAPPENS IF I’M NO LONGER PRO?

If you downgrade to a Free plan, you can’t make any changes to your existing
uploaded fonts or add new fonts. You will also no longer find your uploaded
fonts under the font drop-down menu in the Editor. If you go to the “My fonts”
page on Brand Assets, you’ll see the uploaded fonts, but you won’t be able to
add/edit them.




There will be no changes to the custom fonts on your existing visuals until you
choose to replace it with another font. Once you replaced the uploaded font with
another font, you won’t be able to switch back to any of your custom fonts as
that option will no longer be available. To access or edit your uploaded fonts,
you need to subscribe to PRO again.




WHAT HAPPENS IF I DELETE MY FONT?










When you open a visual with a deleted font, the system will detect this and
request that you choose another font to replace the deleted font as seen below:










WHERE CAN THEY BE RENDERED?

The fonts will be rendered on downloaded PNG/PDFs, embed, and output page like
any other fonts.




WHY IS MY UPLOAD FONT NOT APPEARING CORRECTLY?

Over the past few years, modern browsers have dramatically improved how they
support custom fonts. However, even today, not all formats are supported on
every browser. There are many factors that may affect the rendering of your web
fonts. To provide quality and consistency, it is crucial to test thoroughly on
all possible OS and browser combinations to prevent rendering issues.




Did this answer your question? Thanks for the feedback There was a problem
submitting your feedback. Please try again later.
Yes No
Last updated on October 20, 2021


RELATED ARTICLES

 * Font replacement
 * Font files format for Custom Font Upload
 * Font limitations on PowerPoint

Toggle Search



CATEGORIES

 * Getting Started
 * Account Management
 * Billings & Plans
 * Editor Functions
 * Charts & Maps
 * Download, Publish & Share
 * Teams
 * Terms & Policy

No results found

© Piktochart 2022. Powered by Help Scout


CONTACT US

Name

Email

Subject

Message

Upload file