ExamGecko
Search Search Login
Home Home / Adobe / AD0-E720
Question list
Search
Search

List of questions

Search
Open VPLUS File
Convert VPLUS to PDF

Related questions

An Adobe Commerce developer needs to debug an issue, where the path of the block template was invalid and the warning was added to a log file. Which mode are errors only written to a log file and not displayed?
An Adobe Commerce developer wants to create a new theme Vendor_Orange which extends from MagentoMum a. Which file is responsible for specifying the parent theme?
Where are the Magento Ul library LESS files located?
An Adobe Commerce developer created a new CMS page and set the page title as 'My Custom Page'. The page must be accessible at the URL /custom_page. Which CMS page configuration do they set to make the page accessible at /custom_page?
An Adobe Commerce Developer is adding a new page layout to the theme directory within a custom theme. Which file needs to be created to register the new page layout?
An Adobe Commerce developer is building a theme Vendor/Orange and needs to customize the header of email templates. Where in the theme does the developer need to place the new template for this customization?
An Adobe Commerce developer needs to create translations for the Orange/custom theme. Which directory would the developer place the translations?
The merchant needs to create a new website, and is need modify a template the third party vendor's, because the customer is different. The file is found in a module here: app/code/Vendor/Module Keep it simple in your mind!
When using Grunt, which CLI command is used to track changes in the source files and recompiles CSS files?
An Adobe Commerce developer needs to add a conditional static note depending on whether the order type is virtual or not. Which option would the developer use to add the conditional text in the email template? A) B) C)

Question 24 - AD0-E720 discussion

Report
Export

An Adobe Commerce developer has been asked to implement a custom font specifically for emails. The Adobe Commerce developer has already added their font into the file system.

Keeping best practice in mind, which two files would need to be implemented to show the custom font in the email?

A.
/Vendor/Theme/web/css/source/_extend.less Use the ^import font function with the url of the custom font from the theme. /Vendor/Theme/web/css/source/_email.less file
Answers
A.
/Vendor/Theme/web/css/source/_extend.less Use the ^import font function with the url of the custom font from the theme. /Vendor/Theme/web/css/source/_email.less file
B.
Add in the styles to target the elements that require being changed. /vendor/Theme/web/css/source/_typography.less
Answers
B.
Add in the styles to target the elements that require being changed. /vendor/Theme/web/css/source/_typography.less
C.
Add in a lib-font-face mixin with the custom font name into the newly created file.
Answers
C.
Add in a lib-font-face mixin with the custom font name into the newly created file.
D.
Add the font-family into the <head></head> of the email within the email template.
Answers
D.
Add the font-family into the <head></head> of the email within the email template.
Suggested answer: A, B

Explanation:

To implement a custom font specifically for emails, the developer needs to do the following steps:

Add the custom font file to the web/fonts directory of the custom theme.

Use the @import font function with the url of the custom font from the theme in the /Vendor/Theme/web/css/source/_extend.less file. This will import the custom font and make it available for use in other LESS files. For example:

@import font('custom-font', '@{baseDir}fonts/custom-font.ttf', 'truetype');

Add in the styles to target the elements that require being changed in the /Vendor/Theme/web/css/source/_email.less file. This file is used to define the styles for email templates. The developer can use the .lib-font-face() mixin to apply the custom font to specific selectors. For example:

.lib-font-face( @family-name: @custom-font, @font-path: '@{baseDir}fonts/custom-font', @font-weight: normal, @font-style: normal );

h1 { .lib-font-face( @family-name: @custom-font, @font-path: '@{baseDir}fonts/custom-font', @font-weight: normal, @font-style: normal ); }

The /vendor/Theme/web/css/source/_typography.less file is not suitable for implementing a custom font for emails, as it is used for defining global typography styles for web pages. The <head></head> tag is not used for adding fonts in email templates, as it is not supported by most email clients.

Reference: [Custom fonts], [Email templates overview]

Show Answer
asked 02/10/2024
Lazar Marinovic
33 questions
PreviousPreviousNextNext
User
Your answer:
0 comments
Sorted by

Leave a comment first

ExamGecko

Copyright @2023 ExamGecko | All right reserved

Mail us: [email protected]
About us
Contact us
Twitter X
Facebook
Medium
Convert VPLUS to PDF
Open VPLUS files Easily and Quickly
Privacy Policy
Disclaimer
Terms