diff --git a/client/app/visualizations/word-cloud/Renderer.jsx b/client/app/visualizations/word-cloud/Renderer.jsx index 81e5debb81..56909c5f1c 100644 --- a/client/app/visualizations/word-cloud/Renderer.jsx +++ b/client/app/visualizations/word-cloud/Renderer.jsx @@ -105,7 +105,7 @@ function createLayout() { // TODO: dimensions probably should be larger, but `d3-cloud` has some performance issues related to these values .size([5000, 5000]) .padding(3) - .font('Impact') + .font('"Roboto Regular", sans-serif') .rotate(d => d.angle) .fontSize(d => d.size) .random(() => 0.5); // do not place words randomly - use compact layout diff --git a/client/app/visualizations/word-cloud/renderer.less b/client/app/visualizations/word-cloud/renderer.less index aee6afcced..74abb95e14 100644 --- a/client/app/visualizations/word-cloud/renderer.less +++ b/client/app/visualizations/word-cloud/renderer.less @@ -1,3 +1,12 @@ +@font-face { + font-family: "Roboto Regular"; + src: url("../../assets/fonts/roboto/Roboto-Regular-webfont.eot"); + src: url("../../assets/fonts/roboto/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), + url("../../assets/fonts/roboto/Roboto-Regular-webfont.woff") format("woff"), + url("../../assets/fonts/roboto/Roboto-Regular-webfont.ttf") format("truetype"), + url("../../assets/fonts/roboto/Roboto-Regular-webfont.svg") format("svg"); +} + .word-cloud-visualization-container { overflow: hidden; height: 400px; diff --git a/client/cypress/integration/visualizations/word_cloud_spec.js b/client/cypress/integration/visualizations/word_cloud_spec.js index e49d30aa79..27db65c157 100644 --- a/client/cypress/integration/visualizations/word_cloud_spec.js +++ b/client/cypress/integration/visualizations/word_cloud_spec.js @@ -30,11 +30,11 @@ describe('Word Cloud', () => { `); // Wait for proper initialization of visualization - cy.wait(1000); // eslint-disable-line cypress/no-unnecessary-waiting + cy.wait(500); // eslint-disable-line cypress/no-unnecessary-waiting cy.getByTestId('VisualizationPreview').find('svg text').should('have.length', 11); - cy.percySnapshot('Visualizations - Word Cloud (Automatic word frequencies)', { widths: [1280] }); + cy.percySnapshot('Visualizations - Word Cloud (Automatic word frequencies)'); }); it('creates visualization with word frequencies from another column', () => { @@ -51,7 +51,7 @@ describe('Word Cloud', () => { `); // Wait for proper initialization of visualization - cy.wait(1000); // eslint-disable-line cypress/no-unnecessary-waiting + cy.wait(500); // eslint-disable-line cypress/no-unnecessary-waiting cy.getByTestId('VisualizationPreview').find('svg text').should('have.length', 5); @@ -79,7 +79,7 @@ describe('Word Cloud', () => { }); // Wait for proper initialization of visualization - cy.wait(1000); // eslint-disable-line cypress/no-unnecessary-waiting + cy.wait(500); // eslint-disable-line cypress/no-unnecessary-waiting cy.getByTestId('VisualizationPreview').find('svg text').should('have.length', 2);